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本 书 由 浅 入 深 、 循 序 渐进 地 介绍 了 使 用 ASPNET 4.0 开发 动态 网 站 的 基本 知识 和 使 用 技巧 。 全 书 共 分 11 
章 ， 分 别 介绍 了 ASPNET 的 发 展 历程 ，VWD 2010 集成 开发 环境 ，ASPNET 的 内 置 对 象 和 配置 文件 ， 各 种 服 
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AJAX，XML 和 Web 服务， 使 用 jQuery 美化 网 页 以 及 网 站 的 部 署 与 发 布 。 最 后 一 章 还 安排 了 项 目 实践 ， 综 合 
运用 所 学 知识 创建 一 个 简易 的 BBS 网 站 ， 提 高 和 拓宽 读者 的 实际 技能 。 

本 书 内 容 丰 富 ， 结 构 清晰 ， 语 言 简 练 ， 图 文 并 茂 ， 具 有 很 强 的 实用 性 和 可 操作 性 ， 是 一 本 适合 于 大 中 专 院 
校 、 职 业 院 校 及 各 类 社会 培训 学 校 的 优秀 教材 ， 也 是 广大 初 、 中 级 电脑 用 户 的 自学 参考 书 。 

本 书 对 应 的 电子 教案 、 实 例 源 文件 和 习题 答案 可 以 到 http://www.tupwk.com.cn/edu 网 站 下 载 。 
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从 书 记 
SVM 4 计算 机 基础 与 实 训 教 材 系列 





计算 机 已 经 广泛 应 用 于 现代 社会 的 各 个 领域 ,熟练 使 用 计算 机 已 经 成 为 人 们 必 备 的 技能 之 
-。 因 此 ， 如 何 快速 地 掌握 计算 机 知识 和 使 用 技术 ， 并 应 用 于 现实 生活 和 实际 工作 中 ， 已 成 为 


新 世纪 人 才 人 迫切 需要 解决 的 问题 。 


为 适应 这 种 需求 ， 各 类 高 等 院 校 、 高 职高 专 、 中 职 中 专 、 培 训 学 校 都 开设 了 计算 机 专业 的 
课程 ， 同 时 也 将 非 计算 机 专业 学 生 的 计算 机 知识 和 技能 教育 纳入 教学 计划 ， 并 陆续 出 台 了 相应 
的 教学 大 纲 。 基 于 以 上 因素 ， 清 华 大 学 出 版 社 组 织 一 线 教学 精英 编写 了 这 套 “ 计 算 机 基础 与 实 
训 教 材 系列 ”从 书 ， 以 满足 大 中 专 院 校 、 职 业 院 校 及 各 类 社会 培训 学 校 的 教学 需要 。 


一 、 丛 书 书目 


本 套 教材 涵盖 了 计算 机 各 个 应 用 领域 ， 包 括 计算 机 硬件 知识 、 操 作 系统 、 数 据 库 、 编 程 语 
言 、 文 字 录入 和 排版 、 办 公 软 件 、 计 算 机 网 络 、 图 形 图 像 、 三 维 动画 、 网 页 制作 以 及 多 媒体 制 
作 等 。 众 多 的 图 书 品种 可 以 满足 各 类 院 校 相 关 课程 设置 的 需要 。 


@ 已 出 版 的 图 书 书目 
《计算 机 基础 实用 教程 》 
《计算 机 组 装 与 维护 实用 教程 》 
《五 笔 打 字 与 文档 处 理 实用 教程 》 
《电脑 办 公 自 动 化 实用 教程 》 
《中 文 版 Photoshop CS3 图 像 处 理 实用 教程 》 
《Authorware 7 多 媒体 制作 实用 教程 》 
《中 文 版 AutoCAD 2009 实用 教程 》 
《AutoCAD 机 械 制图 实用 教程 (2009 版 )》 
《中 文 版 Flash CS3 动画 制作 实用 教程 》 
《中 文 版 Dreamweaver CS3 网 页 制作 实用 教程 》 
《中 文 版 3ds Max 9 三 维 动画 创作 实用 教程 》 
《中 文 版 SQL Server 2005 数据 库 应 用 实用 教程 》 





《中 文 版 Excel 2003 电子 表格 实用 教程 》 

《中 文 版 Access 2003 数据 库 应 用 实用 教程 》 
《中 文 版 Project 2003 实用 教程 》 

《中 文 版 Office 2003 实用 教程 》 

《JSP 动态 网 站 开发 实用 教程 》 

《Mastercam X3 实用 教程 》 

《Director 11 多 媒体 开发 实用 教程 》 

《中 文 版 Indesign CS3 实用 教程 》 

《中 文 版 CorelDRAW X3 平面 设计 实用 教程 》 
《中 文 版 Windows Vista 实用 教程 》 
《电脑 入 门 实用 教程 》 

《中 文 版 3ds Max 2009 三 维 动画 创作 实用 教程 》 














《中 文 版 Word 2003 文档 处 理 实用 教程 》 《Excel 财务 会 计 实战 应 用 》 

《中 文 版 PowerPoint 2003 幻灯 片 制作 实用 教程 》 《中 文 版 AutoCAD 2010 实用 教程 

《中 文 版 Premiere Pro CS3 多 媒体 制作 实用 教程 》 《AutoCAD 机 械 制 图 实用 教程 (2010 版 )》 
《Visual C# 程 序 设计 实用 教程 》 《Java 程序 设计 实用 教程 》 


-IV- 


《Mastercam X4 实用 教程 》 


( 续 表 ) 
《SQL Server 2008 数据 库 应 用 实用 教程 》 





《网 络 组 建 与 管理 实用 教程 》 


《中 文 版 3ds Max 2010 三 维 动画 创作 实用 教程 》 





《中 文 版 Flash CS3 动画 制作 实 训 教程 》 





@ 即将 出 版 的 图 书 书 目 
《Oracle Database 11g 实用 教程 》 





《中 文 版 Pro/ENGINEER Wildfire 5.0 实用 教程 》 





《ASPNET 3.5 动态 网 站 开发 实用 教程 》 
《AutoCAD 建筑 制图 实用 教程 (2009 版 ) 》 


《中 文 版 Offce 2007 实用 教程 》 
《中 文 版 Word 2007 文档 处 理 实 用 教程 》 








《中 文 版 Photoshop CS4 图 像 处 理 实用 教程 》 《中 文 版 Excel 2007 电子 表格 实用 教程 》 

《中 文 版 Ilustrator CS4 平面 设计 实用 教程 》 《中 文 版 powerPoint 2007 幻灯 片 制作 实用 教程 》 
《中 文 版 Flash CS4 动画 制作 实用 教程 》 《中 文 版 Access 2007 数据 库 应 用 实例 教程 》 

《中 文 版 Dreamweaver CS4 网 页 制作 实用 教程 》 《中 文 版 Project 2007 实用 教程 》 

《中 文 版 Indesign CS4 实用 教程 》 《中 文 版 CorelDRAW X4 平面 设计 实用 教程 》 


《中 文 版 Premiere Pro CS4 多 媒体 制作 实用 教程 》 





《中 文 版 After Effects CS4 视频 特效 实用 教程 》 


二 、 从 书 特色 


1、 选 题 新 颖 ， 策 划 周 全 一 一 为 计算 机 教学 量 身 打造 


本 套 从 书 注重 理论 知识 与 实践 操作 的 紧密 结合 ， 同 时 突出 上 机 操作 环节 。 从 书 作 者 均 为 各 
大 院 校 的 教学 专家 和 业界 精英 ， 他 们 熟悉 教学 内 容 的 编排 ， 深 说 学 生 的 需求 和 接受 能 力 ， 并 将 
这 种 教学 理念 充分 融入 本 套 教材 的 编写 中 。 

本 套 从 书 全 面 贯彻 “理论 一 实例 一 上 机 一 习题 ”4 阶段 教学 模式 ， 在 内 容 选 择 、 结 构 安 排 
上 更 加 符合 读者 的 认 知 习惯 ， 从 而 达到 老师 易 教 、 学 生 易学 的 目的 。 

2、 教 学 结构 科学 合理 ， 循 序 渐进 一 一 完全 掌握 “教学 ”与 “自学 ”两 种 模式 


本 套 从 书 完全 以 大 中 专 院 校 、 职 业 院 校 及 各 类 社会 培训 学 校 的 教学 需要 为 出 发 点 ， 紧 密 结 
合 学 科 的 教学 特点 ， 由 浅 入 深 地 安排 章节 内 容 ， 循 序 渐进 地 完成 各 种 复杂 知识 的 讲解 ， 使 学 生 
能 够 一 学 就 会 、 即 学 即 用 。 

对 教师 而 言 ， 本 套 从 书 根据 实际 教学 情况 安排 好 课时 ， 提 前 组 织 好 课 前 备课 内 容 ， 使 课堂 
教学 过 程 更 加 条 理化 ， 同 时 方便 学 生 学 习 ， 让 学 生 在 学 习 完 后 有 例 可 学 、 有 题 可 练 ， 对 自学 者 
而 言 ， 可 以 按照 本 书 的 章节 安排 逐步 学 习 。 








3、 内 容 丰 富 、 学 习 目 标明 确 一 一 全 面 提升 “知识 ”与 “能 力 ” 

本 套 从 书 内 容 丰 富 ， 信 息 量 大 ， 章 节 结 构 完全 按照 教学 大 纲 的 要 求 来 安排 ， 并 细 化 了 每 一 
章 内 容 , 符合 教学 需要 和 计算 机 用 户 的 学 习习 惯 。 在 每 章 的 开始 , 列 出 了 学 习 目 标 和 本 章 重 点 ， 
便于 教师 和 学 生 提 纲 帮 领地 掌握 本 章 知识 点 ,每 章 的 最 后 还 附带 有 上 机 练习 和 习题 两 部 分 内 容 ， 
教师 可 以 参照 上 机 练习 ， 实 时 指导 学 生 进行 上 机 操作 ， 使 学 生 及 时 巩固 所 学 的 知识 。 自 学 者 也 
可 以 按照 上 机 练习 内 容 进行 自我 训练 ， 快 速 掌握 相关 知识 。 

4、 实 例 精彩 实用 ， 讲 解 细 致 透彻 一 全 方位 解决 实际 遇 到 的 问题 


本 套 从 书 精心 安排 了 大 量 实例 讲解 ， 每 个 实例 解决 一 个 问题 或 是 介绍 一 项 技巧 ， 以 便 读者 
在 最 短 的 时 间 内 掌握 计算 机 应 用 的 操作 方法 ， 从 而 能 够 顺利 解决 实践 工作 中 的 问题 。 

范例 讲解 语言 通俗 易 懂 ， 通 过 添加 大 量 的 “提示 ”和 “知识 点 ”的 方式 突出 重要 知识 点 ， 
以 便 加 深 读者 对 关键 技术 和 理论 知识 的 印象 ， 使 读者 轻松 领悟 每 一 个 范例 的 精 散 所在， 提高 读 
者 的 思考 能 力 和 分 析 能 力 ， 同 时 也 加 强 了 读者 的 综合 应 用 能 力 。 

5、 版 式 简洁 大 方 ， 排 版 紧凑 ， 标 注 清晰 明确 一 -打造 一 个 轻松 阅读 的 环境 


本 套 从 书 的 版 式 简洁 、 大 方 ， 合 理 安排 图 与 文字 的 占用 空间 ， 对 于 标题 、 正 文 、 提 示 和 知 
识 点 等 都 设计 了 醒目 的 字体 符号 ， 读 者 阅读 起 来 会 感到 轻松 愉快 。 


三 、 读 者 定位 


本 丛书 为 所 有 从 事 计 算 机 教学 的 老师 和 自学 人 员 而 编写 ， 是 一 套 适 合 于 大 中 专 院 校 、 职 } 
院 校 及 各 类 社会 培训 学 校 的 优秀 教材 ， 也 可 作为 计算 机 初 、 中 级 用 户 和 计算 机 爱好 者 学 习 计 算 
机 知识 的 自学 参考 书 。 


四 、 周 到 体贴 的 售后 服务 


为 了 方便 教学 ， 本 套 从 书 提供 精心 制作 的 PowerPoint 教学 课件 ( 即 电子 教案 )、 素 材 、 源 文 
件 、 习 题 答案 等 相关 内 容 ， 可 在 网 站 上 免费 下 载 ， 也 可 发 送 电子 邮件 至 wkservice@vip.163.com 
索取 。 

此 外 ， 如 果 读 者 在 使 用 本 系列 图 书 的 过 程 中 遇 到 疑惑 或 困难 ， 可 以 在 丛书 支持 网 站 
(http://www.tupwk.com.cn/edu) 的 互动 论坛 上 留言 ， 本 从 书 的 作者 或 技术 编辑 会 及 时 提供 相应 的 
技术 支持 。 咨 询 电话 : 010-62796045。 
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第 1 章 ASP.NET 4.0 入 门 


. 网 站 建设 基础 知识 

. VWD 2010 开发 环境 

. 新 建 Web 站 点 

.ASPNET 应 用 程序 的 工作 原理 
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第 2 章 ASPNET 基础 知识 
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ASPNET 是 Microsoft 公司 推出 的 基于 NET Framework 的 Web 应 用 开发 平台 ， 是 Web 应 
日 开发 的 主流 技术 之 一 。 使 用 ASP.NET 进行 Web 应 用 开发 ， 程 序 结构 更 加 清晰 ， 开 发 流程 更 
加 简单 ， 从 而 可 以 提高 开发 效率 ， 缩 短 开发 周期 。ASP.NET 4.0 是 在 ASP.NET 3.5 的 基础 之 上 
构建 的 ， 保 留 了 其 中 很 多 令 人 喜爱 的 功能 ， 并 增加 了 一 些 其 他 领域 的 新 功能 和 工具 。VWD 是 
专门 为 构建 ASPNET Web 站 点 而 开发 的 ， 其 中 包含 了 大 量 有 助 于 快速 创建 复杂 ASPNET Web 
应 用 程序 的 工具 。 

本 书 从 教学 实际 需求 出 发 ， 合 理 安 排 知 识 结构 ， 从 零 开 始 、 由 浅 入 深 、 循 序 渐进 地 讲解 了 
ASPNET 4.0 的 基本 知识 和 使 用 方法 。 本 书 共 分 为 11 章 ， 主 要 内 容 如 下 : 

第 1 章 介绍 了 网 站 建设 的 基础 知识 、ASP.NET 的 发 展 过 程 、VWD 2010 开发 环境 ， 以 及 
ASPNET 的 工作 原理 。 

第 2 章 介 绍 了 ASP.NET 的 一 些 基 础 知识 , 学 习 和 掌握 这 些 知 识 是 以 后 进行 ASP.NET 程序 
开发 的 基础 和 前 提 。 主 要 包括 ASPNET 的 页 面 框架 和 页 面 类 ，ASP.NET 的 内 置 对 象 以 及 
ASPNET 的 配置 文件 Web.config 和 全 局 文件 GlobalLasax。 

第 3 章 介绍 了 ASPNET 服务 器 控件 的 基本 用 法 以 及 不 同类 别 控件 的 功能 。 使 用 ASPNET 
服务 器 控件 ， 可 以 大 幅 减少 开发 Web 应 用 程序 所 需 编 写 的 代码 量 ， 提 高 开发 效率 和 Web 应 用 
程序 的 性 能 。 

第 4 章 介绍 了 CSS 样式 .主题 和 母 版 页 。 这 些 技术 对 于 创建 具有 一 致 外 观 的 网 站 非常 有 用 ， 
也 有 利于 使 站 点 看 起 来 更 专业 和 有 吸引 力 。 

第 5 章 介绍 了 数据 库 的 基本 知识 和 SQL 语言 ADO.NET 访问 数据 库 的 方法 以 及 ASP.NET 
提供 的 数据 绑 定 技术 和 数据 控件 的 使 用 。 

第 6 章 介绍 了 LINQ 语言 及 其 语法 ， 以 及 在 ASPNET 项 目 中 使 用 LINQ 数据 的 许多 方法 。 

第 7 章 介绍 了 ASP.NET AJAX 的 基本 知识 ， 详 细 讲 解 了 ASPNET AJAX 服务 器 控件 的 使 
用 方法 。 

第 8 章 介绍 了 XML 和 Web 服务 的 基本 概念 以 及 如 何 创建 和 调用 Web 服务 , 包括 在 AJAX 
站 点 中 使 用 Web 服务 。 

第 9 章 介 绍 了 jQuery 的 基本 语法 和 具体 应 用 。jQuery 是 继 Prototype 之 后 又 一 个 优秀 的 
JavaScript 框架 ，jQuery 能 够 改变 开发 人 员 编写 JavaScript 脚本 的 方式 ， 降 低 学 习 和 使 用 Web 
前 端 开发 的 复杂 度 ， 提 高 网 页 开发 效率 ， 这 无 论 是 对 于 JavaScript 初学 者 ， 还 是 对 于 Web 开发 
资深 专家 ，jQuery 都 是 必 备 的 工具 。 

第 10 章 介绍 了 Web 应 用 程序 的 部 署 ， 包 括 复制 Web 站点、 在 IIS 下 运行 站 点 和 将 数据 库 
移动 到 远程 服务 器 。 
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第 11 章 介 绍 了 一 个 具体 的 项 目 一 一 BBS, 综合 运用 了 全 书 所 学 内 容 , 实际 开发 一 个 小 型 的 
论坛 网 站 。 

本 书 图 文 并 茂 , 条理 清 晰 ， 通 俗 易 懂 ， 内 容 丰 富 ,在 讲解 每 个 知识 点 时 都 配 有 相应 的 实例 ， 
方便 读者 上 机 实践 。 同 时 在 难于 理 . 解 和 掌握 的 部 分 内 容 上 给 出 相关 提示 ， 让 读者 能 够 快速 地 提 
高 操作 技能 。 此 外 ， 本 书 配 有 大 量 综合 实例 和 练习 ， 让 读者 在 不 断 的 实际 操作 中 更 加 牢固 地 掌 
握 书 中 讲解 的 内 容 。 

本 书 是 集体 智慧 的 结晶 ， 参 加 本 书 编 写 的 人 员 还 有 周 高 翔 、 宋 友 杰 、 咎 舒 贡 、 任 运 成 、 
高 晓 红 、 张 旭 、 孙 成 洪 、 余 摧 灵 、 张 晓 菊 、 卢 华 林 、 褚 德 华 等 。 编 写本 书 的 过 程 中 参考 了 相 
关 文 献 ， 在 此 对 这 些 文献 的 作者 深 表 感谢 。 由 于 作者 水 平 有 限 ， 本 书 不 足 之 处 在 所 难免 ， 欢 迎 
广大 读者 批评 指正 。 我 们 的 邮箱 是 ，huchenhao@263.net， 电 话 : 010-62796045。 

作者 
2011 年 12 月 
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ASPNET 4.0 入 门 


(、 学 习 目 标 

ASP.NET 4.0 是 微软 公司 为 了 迎接 网 络 时 代 的 到 来 而 提出 的 一 个 Web 开发 模型 ， 它 是 建立 
在 公共 语言 运行 库 上 的 编程 框架 。 本 章 主要 介绍 了 网 站 建设 的 基础 知识 、ASP.NET 的 发 展 过 程 、 
VWD 2010 开发 环境 ， 以 及 ASP.NET 的 工作 原理 。 


(、 本 章 重点 


网 站 建设 基础 知识 

VWD 2010 开发 环境 

新 建 Web 站 点 

ASP.NET 应 用 程序 的 工作 原理 


@@ooo@o 


@ 1 网 站 建设 基础 知识 





互联 网 于 20 世纪 60 年 代 末 出 现 , 早期 的 互联 网 用 户 大 多 限于 教育 和 国防 机 构 。 随 着 越 来 越 
多 的 用 户 在 全 球 范围 内 实现 信息 共享 ， 互 联网 逐渐 兴盛 起 来 。 互 联网 的 快速 发 展 给 人 们 的 工作 、 
学 习 和 生活 带 来 了 重大 变化 ， 极 大 地 提高 了 工作 效率 。 在 互联 网 的 发 展 过 程 中 ，Web 网 站 的 开发 
技术 也 得 到 了 不 断 发 展 ， 最 为 关键 的 技术 之 一 就 是 网 站 建设 技术 。 本 节 将 向 读者 介绍 网 站 制作 过 
程 中 静态 网 站 、 动 态 网 站 等 的 一 些 基本 概念 。 





1.1_ 静态 网 站 


早期 的 网 站 一 般 都 是 采用 静态 网 页 技术 制作 的 静态 网 站 。 在 静态 网 站 中 所 有 的 内 容 都 用 
HTML 语言 编写 ， 存 储 在 静态 网 页 文件 中 ， 文 件 扩展 名 为 htm、.html、.shtml、.xml 等 。 虽 然 网 
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页 中 可 以 包含 GIF 动画 、Flash 动画 、 滚 动 字 幕 等 动态 视觉 效果 ， 但 这 些 动态 效果 只 是 视觉 上 的 ， 
都 需要 在 服务 器 端 以 手工 方式 进行 变换 。 这 里 所 讨论 的 静态 网 站 中 的 “ 静 ” 是 指 网 页 内 容 在 用 户 
发 出 请 求 之 前 就 已 经 生成 了 (也 就 是 说 ， 用 户 每 次 总 能 看 到 相同 的 页 面 )，Web 服务 器 只 负责 保存 
和 传递 HTML 文件 ， 而 不 进行 额外 处 理 ， 用 户 只 能 阅读 网 站 所 提供 的 信息 。 这 种 页 面 的 请 求 模 
式 如 图 1-1 所 示 。 


请 求 文件 a 
客户 器 web 服务 器 uy 
传输 文件 人 


图 1-1 静态 网 页 的 请 求 模式 
静态 网 站 中 网 页 的 内 容 相 对 稳定 ， 不 需要 通过 数据 库 工作 ， 对 于 Web 服务 器 来 说 ， 处 理 负 
担 不 大 ， 因 此 静态 网 站 具有 容易 被 搜索 引擎 检索 、 访 问 速度 比较 快 等 优点 。 
静态 网 站 的 致命 弱点 是 不 易 维护 , 为 了 不 断 更 新 网 页 内 容 , 网 站 管理 者 必须 不 断 地 重复 制作 
HTML 文件 ， 随 着 网 站 内 容 和 信息 量 的 日 益 增长 ,维护 工作 将 变 得 十 分 复杂 。 因 此 ， 静态 网 站 往 
往 适 用 于 数据 不 多 ， 网 页 比较 固定 ， 更 新 不 频繁 的 情况 。 


1.2_ 动态 网 站 


什么 是 动态 网 站 呢 ? 所 谓 “ 动 ”， 并 不 是 指 网 页 上 的 GIF 等 动画 图 片 ， 而 是 指 用户 与 网 站 
的 交互 性 和 互动 性 。 动 态 网 站 一 般 应 满足 以 下 特征 。 

1. 交互 性 

动态 网 站 中 的 网 页 会 根据 用 户 的 要 求 和 选择 而 改变 和 响应 。 网 站 管理 员 只 需要 掌握 计算 机 基 
本 操作 方法 ， 就 可 以 方便 、 及 时 地 更 新 网 站 内 容 ; 浏览 网 站 的 用 户 可 以 在 网 站 中 进行 查询 、 留 言 
等 操作 。 可 见 ， 动 态 网 站 技术 大 大 增加 了 用 户 与 网 站 的 交互 性 。 

2. 在 服务 器 端 运行 ， 方 便 更 新 

在 服务 器 端 运 行 的 程序 、 网 页 、 组 件 ， 会 随 不 同 用 户 、 不 同 要 求 返回 不 同 的 页 面 ， 网 站 管理 
员 无 须 手动 更 新 网 页 文档 ， 可 以 大 大 节省 网 站 管理 的 工作 量 ， 如 图 1-2 所 示 。 














处 理 用 户 查找 存储 
需求 的 信息 
《用 户 端 ) (服务 器 端 ) 《数据 库 ) 


图 1-2 动态 网 站 模型 
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3. 通过 数据 库 进 行 架构 


在 动态 网 站 中 , 网 络 管理 员 除了 要 设计 网 页 视觉 效果 外 , 还 要 设计 数据 库 和 程序 代码 来 使 网 
站 具有 更 多 自动 的 和 高 级 的 功能 。 例 如 ， 购 物 网 站 中 含有 大 量 的 商品 种 类 和 数量 信息 ， 为 了 方便 
查找 ， 则 应 搭建 数据 库 平 台 ， 以 在 网 页 上 实现 自动 搜索 。 现 在 广泛 使 用 的 网 上 交易 系统 、 在 线 采 
购 系统 、 商 务 交 流 系统 等 都 是 由 数据 库 提供 技术 支持 的 。 
由 上 述 特征 可 以 看 出 , 静态 网 站 和 动态 网 站 的 主要 区 别 在 于 : 静态 网 站 的 内 容 是 在 用 户 发 出 
请 求 之 前 就 预先 生成 的 ， 而 动态 网 站 的 内 容 则 是 在 用 户 发 出 请 求 之 后 才 产 生 。 
动态 网 站 在 发 出 请 求 之 后 生成 内 容 有 以 下 两 个 明显 的 优点 : 
@ 首先， 服务器 端 可 以 根据 用 户 提交 的 请 求 以 及 请 求 中 的 信息 来 生成 页 面 的 内 容 。 例 如 ， 
在 一 个 电子 商务 网 站 提交 用 户 名 和 密码 , 那么 用 户 将 看 到 的 下 一 个 页 面 就 是 动态 生成 的 
页 面 ， 它 包含 了 用 户 的 私有 帐户 信息 。 
@ ”其 次 , 服务 器 端 可 以 根据 最 新 的 可 用 信息 设置 它 所 生成 的 页 面 内 容 。 例如， 很 多 网 站 都 
有 显示 当前 在 线 用 户 数 。 在 线 用 户 数 是 实时 信息 ， 是 在 Web 服务 器 接收 用 户 请 求 时 获 
取 的 。 
静态 网 站 和 动态 网 站 各 有 特点 , 搭建 网 站 采用 静态 还 是 动态 技术 主要 取决 于 网 站 的 功能 需求 
和 内 容 的 多 少 ， 如 果 网 站 功能 比较 简单 ， 内 容 更 新 量 不 是 很 大 ， 那 么 采用 静态 网 站 的 方式 会 更 简 
单 ， 反 之 ， 就 要 采用 动态 网 站 技术 来 实现 。 
静态 网 站 可 以 使 用 Frontpage 或 Dreamweaver 等 网 页 编辑 工具 来 建立 ， 而 动态 网 站 则 需要 使 
用 服务 器 端 网 页 技术 ， 如 本 书 介绍 的 ASP.NET 来 搭建 。 


@， ASPNET 与 VWD 2010 


自从 在 2002 年 初 首次 发 布 .NET Framework 1.0 以 来 ，Microsoft 花 了 大 量 精力 和 时 间 来 开发 
ASPNET,， 它 是 NET Framework 的 一 部 分 ， 可 以 用 来 构建 Web 应 用 程序 。 本 节 将 介绍 ASP.NET 
的 发 展 历 史 及 其 开发 环境 。 


( 1 )2.1 ASP.NET 的 历史 


早期 的 Web 程序 开发 是 十 分 繁琐 的 事情 ， 一 个 简单 的 动态 页 面 就 需要 编写 大 量 的 代码 (一 般 
用 C 语言 ) 才 能 完成 。 

1996 年 ，Microsoft 推出 了 ASP(Active Server Page， 活 动 服务 器 页 面 ， 现 在 人 们 常 称 之 为 传 
统 ASP)1.0 版 。 它 允许 采用 VBScripVJavaScript 这 些 简单 的 脚本 语言 编写 代码 ， 允 许 将 代码 直接 
嵌入 HTML 中 ， 从 而 使 得 设计 动态 Web 页 面 的 工作 变 得 简单 。ASP 能 够 通过 内 置 的 组 件 实现 强 
大 的 功能 (如 Cookie)。ASP 最 显著 的 贡献 就 是 推出 了 ActiveX Data Objects(ADO)， 它 使 得 程序 对 
数据 库 的 操作 变 得 十 分 简单 。 
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1998 年 ， 微 软 发 布 了 ASP 2.0 和 IIS 4.0。 与 前 一 版 相 比 ，2.0 版 最 大 的 改进 是 外 部 的 组 件 需 
要 初始 化 。 用 户 能 够 利用 ASP 2.0 和 IIS 4.0 构建 各 种 ASP 应 用 ， 而 且 每 个 组 件 有 了 自己 单独 的 
ee 可 以 进行 事务 处 理 。 
， 微 软 在 Windows 2000 Server 系统 中 提供 了 IIS 5.0 和 ASP 3.0。 此 次 升级 ， 最 主要 的 
om COM+ 来 做 ， 效 率 比 以 前 的 版 本 更 高 ， 而 且 更 稳定 。 
ASPNET 1.0 的 发 布 意味 着 从 过 去 的 Microsoft 技术 向 构建 ASP Web 站 点 的 飞跃 。ASPNET 
1.0 在 结构 上 与 传统 的 ASP 版 本 截然 不 同 ， 几 乎 完全 是 基于 组 件 和 模块 化 的 。ASPNET 1.0 及 相 
关 的 Visual Studio NET 2002 的 引入 给 开发 人 员 带 来 了 如 下 好 处 : 
@ “页面 显示 与 代码 清楚 地 分 开 。 使 用 传统 ASP 时 , 编程 逻辑 常常 散布 在 整个 页 面 的 HTML 
中 ， 使 得 后 面 对 页 面 的 修改 比较 困难 。 
@ ”开发 模型 更 接近 于 桌面 应 用 程序 的 编程 方式 。 这 样 很 多 Visual Basic 程序 员 可 以 轻松 地 
转换 到 Web 应 用 程序 开发 。 
@®@ ”有 一 个 功能 丰富 的 开发 工具 ( 称 为 Visual Studio .NET), 开发 人 员 可 以 通过 它 可 视 化 地 创 
建 和 编写 Web 应 用 程序 代码 。 
@ ”有 儿 种 面向 对 象 的 编程 语言 可 供 选 择 ， 其 中 Visual Basic NET 和 C#( 读 作 C-Sharp) 是 目 
前 最 流行 的 两 种 语言 。 
图 ” 它 可 以 访问 整个 NET Framework， 这 意味 着 Web 开发 人 员 首 次 拥有 了 一 种 统一 旦 容易 
的 方式 ， 来 使 用 数据 库 、 文 件 、 网 络 工具 等 许多 高 级 功能 。 
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ee ee A ee > 
ASPNET 提出 了 代码 隐藏 关 (CodeBehind) 的 概念 ， 把 去 辑 代码 (aspx cs) 和 表现 页 面 (aspx) 分 离开 来 ，! 
i 使 用 户 很 容易 使 用 后 台 代码 来 控制 页 面 的 逻辑 功能 。 
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2003 年 ，Microsoft 公司 发 布 了 Visual Studio NET 2003， 提 供 了 在 Windows 操作 系统 下 开 
发 各 类 基于 .NET 框架 的 全 新 的 应 用 程序 开发 平台 ( 称 为 NET 1.1)。 

2005 年 11 月 , Microsoft 发 布 了 Visual Studio 2005 和 ASPNET 2.0。 它 修正 了 以 前 版 本 中 的 

- 些 Bug 并 在 移动 应 用 程序 开发 、 代 码 安全 以 及 对 Oracle 数据 库 和 ODBC 的 支持 等 方面 都 做 了 
很 多 改进 。 

Microsoft 公司 在 2007 年 11 月 发 布 的 Visual Studio 2008 和 ASPNET 3.5 中 添加 了 一 系列 很 
酷 的 新 功能 ， 主 要 的 新 功能 包括 LINQ 以 及 AJAX 框架 整合 。2008 年 8 月 ，Microsof 发 布 了 用 
于 Visual Studio 和 NET Framework 的 Service Pack 1, 其 中 引入 了 一 些 重要 的 新 功能 ,如 ADONET 
Entity Framework 和 动态 数据 。 

目前 该 软件 的 最 新 版 本 是 Visual Studio 2010( 通 常 读 作 twenty-ten) 和 ASP.NET 4.0, 它 是 在 已 
成 功 发 行 的 Visual Studio 2008 和 ASPNET 3.5 的 基础 之 上 构建 的 ， 其 中 保留 了 很 多 令 人 喜爱 的 
功能 ， 并 增加 了 一 些 其 他 领域 的 新 功能 和 工具 。 
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( 1 )2.2 ”ASP.NET 的 开发 环境 


进行 ASPNET 开发 时 需要 使 用 的 语言 是 Visual Basic.NET 或 者 C#， 这 两 种 语言 都 是 NET 
环境 下 的 程序 设计 语言 ， 但 并 不 是 必须 使 用 NET 集成 开发 环境 才能 进行 ASPNET Web 程序 设 
计 。 因 为 ASPNET 文件 实际 上 是 一 个 纯 文 本 的 文件 ， 编 译 工 作 是 在 用 户 向 服务 器 第 一 次 发 出 对 
该 文件 的 HTTP 请 求 时 由 Web 服务 器 进行 的 ， 并 不 是 由 VS 完成 的 。 从 理论 上 讲 ， 用 记事 本 或 
其 他 文本 编辑 器 就 可 以 编写 ASPNET Web 应 用 程序 , 但 大 多 数 开发 人 员 还 是 希望 安装 Microsoft 
Visual Web Developer 2010(VWD)。VWD 是 专门 为 构建 ASP.NET Web 站 点 而 开发 的 ， 其 中 包含 
了 大 量 有 助 于 快速 创建 复杂 ASP.NET Web 应 用 程序 的 工具 。 

Visual Web Developer 有 两 个 版 本 : 一 个 是 独立 而 免费 的 版 本 ， 称 为 Microsoft Visual Web 
Developer 2010 Express; 还 有 一 个 版 本 是 作为 较 大 的 开发 套件 Visual Studio 2010 的 一 部 分 , 它 有 
不 同 的 版 本 可 用 ， 且 各 个 版 本 的 价格 各 不 相同 。 虽 然 VWD 的 Express 版 本 是 免费 的 ， 但 是 它 包 
含 了 创建 复杂 且 功 能 丰富 的 Web 应 用 程序 所 需 的 所 有 功能 和 工具 。 本 书 中 的 所 有 示例 都 可 以 用 
该 版 本 构建 出 来 。 

1. 获取 Visual Web Developer 2010 


可 以 从 Microsoft 站 点 http://www.microsoft.com/express/ 上 下 载 VWD 的 免费 版 本 。 在 Express 
的 主页 上 ， 依 次 单 击 Download 链接 ， 直 到 打开 提供 了 下 载 Express 产品 的 下 载 页 面 ， 其 中 包括 
Visual Web Developer 2010 Express 版 本 。 在 这 个 页 面 上 可 以 以 Web 安装 方式 下 载 Visual Web 
Developer 2010 Express 版 本 ， 这 里 只 下 载 安装 程序 ， 文 件 的 其 余部 分 将 在 安装 过 程 中 下 载 。 


忆 提示 
也 可 以 从 这 个 下 载 页 面 上 以 ISO 映像 方式 下 载 VWD 2010 Express 产品 ， 以 便 刻 录 到 DVD 上 进行 安装 。 





读者 还 可 以 从 www.microsoftcom/web 和 www.asp.netwwd/ 站 点 上 下 载 Microsoft Web 
Platform Installer(WPD 应 用 程序 ， 其 中 就 包含 了 VWD。 除了 VWD 以 外 ， 这 个 工具 还 便于 访问 其 
他 许多 与 Web 开发 相关 的 工具 和 程序 。 通 过 使 用 WPI 这 个 优秀 的 工具 ， 可 以 同时 获得 大 量 与 
Web 开发 相关 的 程序 和 工具 。 

在 本 书 中 ， 以 C# 作 为 编程 语言 ， 以 VWD 2010 作为 开发 环境 ， 进 行 ASP.NET 动态 网 站 开 
发 ， 因 此 需要 把 它 安装 到 开发 机 器 上 。 


2. 安装 VWD Express 版 本 


Visual Web Developer 的 安装 很 简单 ， 只 是 过 程 有 点 长 。 根 据 所 选 的 安装 方法 、 计 算 机 配置 
和 Internet 连接 速度 ， 安 装 VWD 可 能 需要 半 个 小 时 到 一 个 小 时 ， 甚 至 更 长 时 间 。 

安装 Visual Studio 2010 的 完整 版 本 与 之 相似 ， 只 是 中 间 步 骤 可 能 略 有 不 同 。 不 管 安 装 VWD 
的 哪个 版 本 , 都 要 安装 SQL Server 2008 Express Edition 的 Service Pack 1 版 一 一 本 书 的 很 多 示例 
都 会 用 到 这 个 组 件 。 如 果 安 装 的 是 Visual Studio 2010 的 完整 版 ， 那 么 在 安装 过 程 中 会 看 到 要 安 
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装 的 功能 列表 中 包括 安装 SQL Server 的 选项 。 如果 安 。 ee 
装 VWD Express 版 本 ，Installer Options 对 话 框 中 就 会 
出 现 选择 SQL Server 的 选项 。Web Platform Installer 
也 包括 相似 的 选项 , 允许 安装 SQL Server 2008 Express 
的 SP1 版 或 者 稍 后 定位 到 Web Platform | Database 下 。 | 号 

(1) 运行 从 Microsoft Web 站 点 上 下 载 的 文件 ， 或 es 
者 从 安装 光盘 上 启动 安装 文件 ， 将 开始 下 载 Web 平台 A 
安装 程序 文件 ， 如 图 1-3 所 示 。 

(2) 下 载 完 以 后 ， 打 开 【Web 平台 安装 程序 3.0〗， 如 图 1-4 所 示 。 


机 Web 平台 安装 程序 3.0 


正在 下 载 Yeb 平台 安装 程序 文件 
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wu 
图 1-4 启动 Web 平 台 安装 程序 3.0 





(3) 单 击 【 安 装 】 按 钮 ， 出 现 软件 的 许可 条 款 ， 如 图 1-5 所 示 。 在 该 列表 中 ， 包 括 VWD 2010 
依赖 的 所 有 应 用 程序 和 组 件 。 如 果 没 有 看 到 SQL Server 选项 ， 则 表示 已 经 安装 过 了 。 
请 查看 下 面 的 列表 , 其 中 包括 要 安装 的 第 三 方 应 用 程序 软件 、Microsoft 产品 和 组 件 ,还 包括 要 局 动 的 Windows 姐 件 


第 三 方 应 用 程序 和 产品 由 在 此 列 忆 的 ;Microsoft 未 授予 悠 第 三 方 软件 的 任何 权利 。 修 有 责任 而 有 必须 分 别 找 
到 风光 六 近 达 第 三 方 许可 多吉 





网 Visual Web Developer Express 2010 SP1 [简体 中 文 ] 
Visual Web Developer 2010 速成 版 障 体 中 文 ] ( 依 边 关系 ) 
查看 许可 条 款 
加 隐 到 名 区 
5 站 
Microsoft .NET Framework 4 [简体 中 文 ] ( 依 挫 关系 ) 


SQL Server Express 2008 R2 [简体 中 文 ] (六 掉 关 系 ) 
熏 看 许 9j 染 就 


开 葡 位 置 。http: /fro nicrosoft, con/ frlink/?LinkID=186782clcid=00804 


如 果 单 击 "我 接受 ”， 即 表示 您 同意 上 面 列 出 的 第 三 方 和 Micrcscft 软 件 的 许可 条 款 。 加 果 您 不 同意 所 有 许可 条 款 ， 主 单 击 
我 拒绝 











图 1-5 软件 许可 条 款 
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(4) 阅读 并 接受 许可 条 款 ， 单 击 【 我 接受 〗 按 钮 将 开始 下 载 安 装 ， 下 载 和 安装 的 过 程 与 需要 安 
装 的 组 件 有 关 。 

(5) 完成 了 应 用 程序 的 安装 后 ， 可 能 会 出 现 一 个 对 话 框 ， 要 求 重启 计算 机 。 重 局 后 ，VWD 就 
可 以 使 用 了 。 
名 提示 

在 安装 VWD 2010 Express 版 本 中 ， 包 括 了 SQL Server 2008 ExpressR2， 它 是 Microso 全 数据 库 引擎 的 免 





费 版 本 ， 本 书后 面 涉及 数据 库 的 Web 应 用 程序 开发 都 是 使 用 该 版 本 。 


3. VWD 2010 提供 的 功能 


VWD 2010 提供 了 下 列 功能 。 

@@ ”网 页 设计 : VWD 2010 内 置 功 能 强大 的 网 页 编辑 器 ， 包 含 所 见 即 所 得 的 编辑 模式 和 

HTML 编辑 模式 ， 以 及 智能 感应 功能 和 验证 功能 ， 支 持 所 见 即 所 得 的 拖 搜 界面 ， 可 以 

创建 美观 、 易 用 的 网 站 。 

@ ”网 页 设计 功能 : VWD 2010 支持 页 面 模式 ， 使 用 主题 和 外 观 保持 一 致 的 页 面 外 观 ， 从 而 
统一 管理 网 页 的 排版 与 布局 。 

@ “代码 编辑 : VWD 2010 提供 代码 编辑 器 ， 使 用 户 可 以 使 用 Visual Basic .NET 或 C# 编 写 
动态 网 页 的 代码 。 代 码 编辑 器 拥有 语法 修饰 和 智能 感应 功能 。 

@ “调试 : 提供 调试 器 ， 帮 助 用 户 查找 程序 中 的 错误 。 

@ ”控件 ， ASP.NET Web 服务 器 控件 整合 了 创建 网 站 所 需 的 大 部 分 功能 ， 用 户 可 以 快速 开 
发 Web 应 用 程序 。 

@ ”数据 访问 : 支持 用 户 在 网 页 中 显示 和 编辑 数据 。 数 据 可 以 位 于 各 种 数据 存储 区 中 ， 其 中 
包括 数据 库 或 XML 文件 。 在 很 多 情况 下 ， 用 户 无 需 编写 任何 代码 ， 即 可 向 网 页 中 添加 
和 编辑 数据 。 

@ ”安全 性 、 个 性 化 设置 : 提供 内 置 的 应 用 程序 服务 ,用户 可 以 向 网 站 中 添加 用 于 确保 登录 
安全 性 的 成 员 资 格 ; 提供 配置 文件 属性 , 维护 用 户 特定 的 信息 ; 另外 还 提供 了 其 他 功能 ， 
其 中 的 大 部 分 功能 都 不 要 求 编写 任何 代码 。 

@ ”对 文件 传输 协议 (FTP) 的 内 置 支持 :使 用 VWD 2010 的 FTP 功能 ， 可 以 直接 连接 到 服 
务 器 ， 然 后 在 该 服务 器 上 创建 和 编辑 文件 。 

加 ”内 吧 Web 服务 器 : VWD 2010 包含 了 一 个 内 署 的 Web 服务 器 , 方便 开发 人 员 创 建 和 调 
试 ASP.NET Web 应 用 程序 。 因 此 ， 用 户 不 需要 再 安装 和 配置 IS 服务 器 ， 就 可 以 开发 
ASPNET Web 应 用 程序 。 

加 ”微软 AJAX: 微软 AJAX 的 一 个 重要 特性 是 ， 它 与 其 他 客户 端 架构 (包括 jQuery) 具有 很 
好 的 互 操作 性 。 除 了 实现 无 闪烁 页 面 的 控件 之 外 ， 微 软 AJAX 还 提供 了 更 多 的 服务 器 
控件 来 创建 交互 式 的 且 有 响应 的 用 户 界面 。 

加 JQuery 1.4: jQuery 库 的 主要 关注 点 一 直 是 简化 访问 Web 页 面 元 素 的 方法 、 帮 助 处理 客 
户 端 事件 、 提 供 视 觉 效果 (如 动画 ) 支 持 ， 以 及 使 得 在 应 用 程序 中 使 用 AJAX 变 得 更 加 简 
单 。 VWD 2010 包含 了 目前 最 新 的 稳定 版 本 jQuery 1.4。 使 用 ASPNET Web 站 点 模板 
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创建 的 任意 新 Web 站 点 都 包含 一 个 Scripts 文件 夹 ,其 中 已 经 包含 了 必要 的 jQuery 文件 。 

@@ MVC2.0: ASPNET MVC 模式 是 一 种 表现 模式 。 它 将 Web 应 用 程序 分 成 3 个 主要 组 件 ， 
即 模型 (Model)、 视 图 (View)、 控 制 器 (Controller)。 在 ASPNET MVC 中 ，“ 请 求 一 处 
理 一 一 响应 ”的 模型 变 得 更 加 简单 。View 和 Controller 之 间 不 再 有 强 耦 合 ， 而 且 页 面 没 
有 复杂 的 生命 周期 。 

@ 多 显示 器 支持 : 比如 将 代码 编辑 器 放置 在 主 显示 器 中 ， 将 输出 窗口 、 类 图 窗口 、 代 码 定 
义 窗 口 等 提供 辅助 信息 的 窗口 放置 在 副 显 示 器 中 , 这 样 就 可 以 在 主 窗口 中 编辑 代码 , 同 
时 有 需要 的 时 候 ， 可 以 及 时 地 从 辅助 窗口 中 得 到 一 些 有 用 的 辅助 信息 。 


@; 使 用 VWD 创建 Web 应 用 程序 


现在 已 经 安装 了 VWD， 接 下 来 就 可 以 启动 并 使 用 它 来 创建 ASP.NET 应 用 程序 了 。 本 节 将 
您 介绍 VWD 2010 的 IDE 集成 环境 ， 以 及 用 VWD 2010 创建 第 一 个 ASPNET 应 用 程序 。 


G )3.1 VWD 2010 IDE 环境 介绍 


单 击 Windows 的 【开始 】 菜 单 ， 选 择 【 所 有 程序 】| 【Microsoft Visual Studio 2010 Express】| 
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图 1-6 通过 【开始 】 菜 单 启动 VWD 2010 


首先 出 现 的 是 软件 版 本 的 界面 , 如 图 1-7 所 示 。 几 秒 钟 之 后 , 软件 版 本 的 界面 消失 , 出 现 【起 
始 页 】 界 面 ， 如 图 1-8 所 示 。 
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图 1-7 软件 版 本 的 界面 
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图 1-8 【起 始 页 】 界 面 


【起 始 页 】 页 面包 括 【 最 近 使 用 的 项 目 】 和 联机 资源 以 及 新 建 和 打开 项 目的 快捷 操作 。 为 了 
介绍 VWD 2010 的 操作 环境 , 这 里 先 新 建 一 个 网 站 , 在 【起 始 页 】 页 面 中 单 击 【 新 建 网 站 】 链接 ， 
或 者 选择 【文件 】|【 新 建 网 站 】 命 令 ， 打 开 【 新 建 网 站 】 对 话 框 ， 如 图 1-9 所 示 。 

新 建 网 站 
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1-9 【新 建 网 站 】 对 话 框 


该 对 话 框 显示 了 已 经 安装 的 模板 ， 这 里 选择 【ASP.NET 网 站 】 模 板 ， 在 【Web 位 置 】 下 拉 
列表 中 选择 【文件 系统 】 选 项 ， 然 后 在 后 面 的 文本 框 中 输入 存储 位 置 ， 或 者 单 击 【浏览 】 按 钮 选 
择 一 个 新 位 置 ,然后 单 击 【确定 按钮 即 可 创建 一 个 ASP.NET 网 站 , 其 中 包括 一 个 名 为 Defaultaspx 
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的 标准 页 面 、 一 个 Web.config 文件 以 及 一 个 空 的 App_Data 文件 夹 ， 如 图 1-10 所 示 。 
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图 1-10 VWD 2010 主 开发 界面 


VWD 2010 的 主 界面 包括 标题 栏 、 菜 单 栏 、 工 具 栏 、 工 具 箱 、 解 决 方案 资源 管理 器 、 数 据 库 
资源 管理 器 、 属 性 窗口 、 文 档 窗口 等 。 

1. 菜单 栏 

开发 界面 的 最 上 方 是 标题 栏 ， 标 题 栏 的 下 面 就 是 菜单 栏 ,包括 【文件 】、【 编 辑 】、【 视 图 】、 
【网 站 】、【 调 试 】、【 工 具 】、【 窗 口 】 和 【帮助 】8 个 主 菜单 。 根 据 执行 的 具体 任务 不 同 ， 主 
菜单 也 会 有 很 大 的 变化 ， 因 此 ， 在 使 用 应 用 程序 的 过 程 中 就 会 发 现 某 些 菜单 有 时 出 现 、 有 时 消失 。 

2. 工具 栏 


菜单 栏 的 下 面 就 是 工具 栏 ,利用 不 同 的 工具 栏 , 可 以 快速 地 访问 VWD 中 的 大 部 分 常用 功能 。 
图 1-10 中 只 显示 了 4 个 工具 栏 (HTML 源 编辑 、Web 平台 安装 程序 、 标 准 和 格式 设置 )， 如 果 要 
打开 或 关闭 某 个 工具 栏 ， 可 以 右 击 现 有 的 工具 栏 ， 或 者 选择 【视图 】|【 工 具 栏 】 菜 单 ， 从 弹出 
A 

3. 工具 箱 


默认 情况 下 ,在 主 窗口 的 左 侧 , 可 以 看 到 折 生 的 工具 箱 选项 卡 ,将 鼠标 指针 移动 到 该 选项 卡 
上 其 停 几 秒 ， 工 具 箱 就 会 展开 ， 如 图 1-12 所 示 。 

与 菜单 栏 和 工具 栏 一 样 ， 在 执行 不 同 的 任务 时 ， 工 具 箱 也 可 能 会 变化 ， 以 显示 相关 的 控件 。 
可 以 简单 地 通过 鼠标 拖 动 将 工具 箱 中 的 控件 拖 放 到 页 面 中 的 合适 位 置 。 
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图 1-11 【视图 ] |【 工 具 栏 】 子 菜 单 “图 112 工具 箱 


工具 箱 中 的 控件 包含 多 个 分 类 , 用 户 可 以 根据 需要 展开 或 折 闪 某 个 分 类 ， 以 使 找到 需要 的 控 章 
件 。 如 果 在 主 窗口 左 侧 找 不 到 工具 箱 ， 可 以 按 【Ctrl+AlttX】 组 合 键 或 者 选择 【视图 】|【 其 他 窗 
口 】| 【工具 箱 】 命令 来 打开 它 。 

4. 解决 方案 资源 管理 器 


窗口 的 右上 角 是 【解决 方案 资源 管理 器 】 面 板 ， 如 图 1-13 所 示 。 在 该 面板 中 ， 文 件 被 分 门 
别 类 地 存储 在 不 同 的 文件 夹 中 ， 可 以 通过 该 面板 向 站 点 中 添加 新 的 文件 夹 和 文件 ， 从 项 目 中 删除 
文件 ， 更 改 文件 或 文件 名 等 。 解 决 方案 资源 管理 器 的 大 部 分 功能 都 集中 在 它 的 右键 快捷 菜单 中 。 
【解决 方案 资源 管理 器 】 面 板 一 般 与 【数据 库 资源 管理 器 】 面 板 集成 在 一 起 显示 ， 通 过 该 面 
板 , 可 以 使 用 数据 库 , 创建 新 数据 库 和 打开 现 有 数据 库 , 以 及 向 数据 库 中 添加 新 的 表 和 查询 工具 。 
5. 【属性 】 面板 


【属性 】 面 板 位 于 窗口 的 右 下 角 ， 如 图 1-14 所 示 。 通 过 该 面板 可 以 查看 和 编辑 项 目 、 文 件 、 
控件 、 页 面 本 身 的 属性 以 及 其 他 内 容 。 
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图 1-13 【解决 方案 资源 管理 器 】 面板 图 1-14 【属性 】 面 板 
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6. 文档 编辑 区 


文档 编辑 区 是 界面 的 主要 区 域 ， 大 部 分 动作 都 是 在 这 里 发 生 的 。 在 文档 编辑 区 的 下 方 ， 有 3 
个 视图 按钮 ， 分 别 是 【设计 】、【 拆 分 】 和 【 源 】 按 钮 。 在 操作 含有 标记 的 文件 (如 aspx 和 html 
文件 ) 时 ， 这 些 按钮 会 自动 出 现 。 单 击 【设计 】 按 钮 可 以 打开 页 面 的 设计 视图 ， 在 这 里 可 以 看 到 
页 面 在 浏览 器 中 的 效果 ; 单 击 【 源 】 按 钮 将 打开 源 视图 ， 在 此 可 以 看 到 页 面 的 源 代 码 ; 单 击 【 拆 
分 】 按 钮 可 以 同时 打开 设计 视图 和 源 视 图 。 

默认 情况 下 , 文档 编辑 区 是 一 个 带 选 项 卡 的 区 域 , 各 文件 通过 选项 卡 呈现 , 文件 名 在 编辑 区 
顶部 。 如 果 选 项 卡 上 的 文件 名 带 有 “*”， 则 说 明 该 文件 的 内 容 修 改过 但 还 没有 保存 。 

7. 其 他 面板 


除了 上 面 介 绍 的 几 个 组 成 部 件 之 外 ，VWD 2010 还 有 很 多 工具 面板 ， 包 括 输 出 、 错 误 列 表 、 
书签 、 查 询 结果 等 面板 。 这 些 面板 都 可 以 通过 【视图 】 菜 单 下 面 的 相应 命令 打开 。 








3.2 第 一 个 Web 应 用 程序 


本 节 将 通过 VWD 2010 创建 第 一 个 ASPNET Web 应 用 程序 。 通 过 这 个 例子 ， 读 者 将 可 学 会 
如 何 通 过 VWD 2010 创建 Web 应 用 程序 , 并 对 在 浏览 器 中 浏览 ASPNET 页 面 时 后 台 的 工作 有 一 
个 很 好 的 了 解 。 

1. 新 建 网 站 


【 例 1-1】 通过 VWD 2010 新 建 网 站 ， 了 解 通过 VWD 2010 开发 Web 应 用 程序 的 步骤 。 

(1) 通过 【开始 〗 莱 单 启动 VWD 2010， 选择 【文件 〗| 【新 建 网 站 】 命 令 , 打开 【新 建 网 站 】 
对 话 框 ， 新 建 网 站 【 例 1-1】。 

(2) 通常 情况 下 ，VWD 会 为 新 建 网 站 创建 一 个 新 的 子 目 录 。 新 建 的 网 站 包括 一 个 名 为 
Default.aspx 的 页 面 ， 该 页 面 是 网 站 的 默认 主页 面 和 入 口 点 ; 另外 还 包括 一 个 名 为 Default.aspx.cs 
的 代码 文件 ， 该 文件 是 Default.aspx 页 面 的 后 台 代码 ; 除 此 之 外 ， 还 有 一 个 名 为 Web.config 的 配 
置 文件 。 

(3) 修改 Defualtaspx 页 面 的 代码 如 下 所 示 : 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<!DOCTYPE html PUBLIC "-WW3CWDTID XHTML 1.0 Transitional//EN" 
"http:/www.w3.org/TR/xhtmll/DTD/xhtmll-transitional dtd"> 

<html xmlns="http:/www.w3.org/1999/xhtml"> 

<head runat="server"> 

<title> 我 的 第 一 个 ASP.NET 站 点 </title> 
<head> 
<body> 


第 1 章 ASP.NET 4.0 入 门 (局 
本 月 


<h2> 欢 迎 进入 ASPNET 4 的 世界 </h2> 
<form id="form1" runat="server"> 
<div> 
欢迎 使 用 VWD 2010， 现 在 时 间 是 : <% =System DateTime Now %> 
</div> 
</form> 
</body> 
<html> 
(4) 选择 【调试 〗】|【 启 动 调 试 】 命 令 ， 如 图 1-15 所 示 ， 或 者 按 【F5】〗 键 ， 或 单 击 工具 栏 中 
的 | 民 按钮 ， 将 编译 并 生成 网 站 ， 同 时 启动 调试 . 
(5) 如 果 代 码 输入 正常 ， 主 窗口 下 方 的 【输出 】〗 窗 口中 将 出 现 生成 成 功 的 信息 ， 如 图 1-16 
所 示 。 如 果 有 语法 错误 ， 则 在 【错误 列表 】 中 将 逐一 列 出 所 有 错误 ， 双 击 某 项 错误 将 跳 转 到 相应 
的 代码 处 。 
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图 1-15 选择 【启动 调试 】 命 令 图 1-16 【输出 】 窗 口 





(6) 此 时 将 弹出 【未 启用 调试 〗 对 话 框 ， 如 图 1-17 所 示 ， 如 果 选 中 【修改 Web.config 文件 
以 启用 调试 】 单 选 按钮 ， 则 以 后 启动 此 工程 时 将 不 再 弹出 该 对 话 框 ， 而 默认 启动 调试 ; 如 果 选 中 
【不 进行 调试 直接 运行 】 单 选 按钮 ， 则 不 启动 调试 ， 等 同 于 用 户 按 【Ctrl+F5】〗 组 合 键 。 

未 局 用 调试 
bi Web. config 文件 中 局 用 调试 ， 因 此 无 法 在 调试 模式 下 运行 该 页 。 您 希望 做 什 


着 下 Yeb. confis 文 伴 以 启用 调 过 加 .J 
二 在 生产 环境 中 部 署 网 站 之 前 ， 应 在 Web. config 文件 中 禁用 调试 。 


口 不 进行 调试 直接 运行 @)。 (等 同 于 CtrltF5) 





[L 旺 _ jL 开 |] 
1-17 【未 启用 调试 】 对 话 框 


(7) 单 击 【确定 】 按 钮 后 ， 将 自动 启动 默认 的 Web 浏览 器 ， 同 时 打开 该 页 面 ， 如 图 1-18 所 示 。 
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欢迎 进入 ASP.NET 4 的 世界 
欢迎 使 用 VWD 2010， 现 在 时 间 是 ，2011-5-27 20:18:56 





图 1-18 页 面 运行 效果 


如 果 在 页 面 中 没有 看 到 时 间 和 日 期 ， 或 者 收 到 了 错误 消息 ， 可 查看 一 下 欢迎 消息 中 的 代码 ， 确 定 是 否 以 
前 尖 括 号 (<) 开 头 ， 后 面 跟着 一 个 百 分 号 和 一 个 等 号 ,以 一 个 百 分 号 和 另 一 个 后 尖 括 号 (>) 结 束 。 尽管 如 此 ,还 
是 要 确保 输入 和 此 处 完全 相同 的 代码 ， 包 括 大 小 写 也 要 一 致 。 





(8) 此 时 ， 在 Windows 的 任务 栏 中 会 出 现 一 个 带 屏 幕 提 示 的 小 图 标 回 ， 这 个 图 标 属于 
ASP.NET Development Server。 该 Web 服务 器 由 VWD 自动 启动 ， 以 响应 客户 端 对 页 面 的 请 求 。 
双击 该 图 标 将 打开 如 图 1-19 所 示 的 详细 信息 。 


ASP. NET Developaent Server - 端口 1816 


ASP.NETDevelopment Server 
在 本 培 运 行 ASP.NET 应 用 程序 


根 VRLQD: http//localhost- 1816/ N11 


1816 ] 

/全 1-1 

Vbook\ASP_ ET4\ 第 1 童 \ 例 1-1\ 
.0. 30319. 225 





图 1-19 ASPNET Development Server 


2. 工作 原理 


虽然 本 例 中 创建 的 Web 站 点 相当 简单 , 但 是 让 Default.aspx 页 面 显示 在 浏览 器 中 的 过 程 却 
没有 那么 简单 。ASP.NET 页 面 (根据 它 的 扩展 名 ， 也 称 为 ASPX 页 面 ) 本 身 并 不 能 做 太 多 的 事 。 
在 浏览 器 能 够 显示 它 之 前 ， 需 要 一 个 Web 服务 器 对 它 进行 处 理 ， 这 就 是 VWD 自动 启动 内 置 的 
ASP.NET Development Server 来 处 理 页 面 请 求 的 原因 。 接 下 来 , 它 会 启动 默认 的 Web 浏览 器 并 定 
向 到 本 例 中 的 Web 服务 器 地 址 :http://localhost:1816/%%6E4%BE9%8B1-1/Default.aspx， 需 要 注意 的 
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是 : 每 次 启动 Web 服务 器 时 这 个 地 址 中 的 端口 号 可 能 会 不 同 ， 因 为 该 端口 是 VWD 随机 选择 的 。 

当 在 VWD 中 创建 一 个 页 面 时 ， 就 向 它 添加 了 一 个 标记 (markup)。ASPX 页 面 中 的 标记 由 以 
下 内 容 组 成 : 纯 文本 、HTML、ASP.NET 服务 器 控件 的 代码 、 用 Visual Basic .NET 或 C# 编 写 的 
代码 等 。 

当 客 户 端 在 浏览 器 中 请 求 一 个 ASPX 页 面 时 ，Web 服务 器 就 会 处 理 该 页 面 ， 执 行 它 在 文件 
中 找到 的 所 有 代码 ， 并 有 效 地 将 ASP.NET 标记 转换 为 纯 HTML， 然 后 发 送 回 客户 端 浏览 器 。 

要 查看 最 终 的 HTML 与 原始 的 ASPX 页 面 的 区 别 ， 可 以 在 浏览 器 中 打开 该 页 面 的 源 代码 。 
选择 【查看 】|【 源 文件 】 命 令 ， 将 会 打开 一 个 默认 的 文本 编辑 器 ， 用 于 显示 该 页 面 的 HTML 代 
码 。 其 中 的 大 部 分 HTML 与 原始 的 ASPX 页 面相 似 。 然 而 ， 如 果 看 一 下 显示 欢迎 消息 和 当前 日 
期 与 时 间 的 那 一 行 代码 ,就 会 知道 它们 有 很 大 的 区 别 。 现 在 看 到 的 不 是 尖 括 号 和 百 分 号 之 间 的 代 
码 ， 而 是 实际 的 日 期 和 时 间 。 如 下 所 示 : 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><title> 
我 的 第 一 个 ASP.NET 站 点 
<ltitle></head> 
<body> 
<h2> 欢 迎 进入 ASP.NET 4 的 世界 </h2> 
<form method="post" action="Default.aspx" id="form1"> 
<div class="aspNetHidden"> 
<input type="hidden" name=" _ VIEWSTATE" id=" _ VIEWSTATE" 
value=WwEPDwUJOTU4MiMyMzI1ZGRyJQkrthRQxLtgmJwQTfVUVAs+BRrzD2CE4smjwDM7znw 一 "人 > 
</div> 
<div> 
欢迎 使 用 VWD 2010， 现 在 时 间 是 : 2011-5-27 20:18:56 
</div> 














Ke 
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G )3.3_ 初 识 ASP.NET 标记 


在 某 种 程度 上 , ASPNET 服务 器 控件 的 标记 与 HTML 的 标记 很 相似 。 它 也 像 HTML 一 样 用 
尖 括 号 和 结束 标记 表示 标记 、 元 素 和 特性 。 然 而 ， 它 们 之 间 还 是 有 一 些 不 同 之 处 的 。 

对 于 初学 者 来 说 ， 大 部 分 ASPNET 标记 都 是 以 “asp:” 前 级 开头 。 例 如 ，ASP.NET 中 的 按 
钮 类 标记 如 下 : 


<asp:Button ID="Button1" ranat="server" Text=" 提 交 " /> 
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"| 有 


已 提示 
此 标记 是 用 锋线 字符 (/) 自 闭合 的 ， 所 以 不 必 另 外 输入 结束 标记 .。 






另外 ， 这 里 的 标记 和 属性 名 不 必 都 是 小 写 。 因 为 服务 器 上 有 一 个 ASP.NET 服务 器 控件 ， 所 
以 不 必 在 客户 端的 浏览 器 中 使 用 XHTML 规则 。 然 而 ， 当 要 求 服务 器 控件 将 它 的 HTML 发 送 到 
配置 为 输出 XHTML 的 页 面 时 ， 它 就 会 应 用 XHTML 规则 。 因 此 ， 当 在 浏览 器 中 呈现 为 XHTML 
时 ， 这 个 按钮 的 代码 如 下 : 


<input type="submit" name="Buttonl" value=" 提 交 " id="Button1" /> 


将 服务 器 控件 转换 为 它 的 HTML 表示 的 过 程 与 前 面 显示 当前 日 期 的 过 程 相似 。 服 务 器 控件 
由 ASPNET 处 理 程序 在 服务 器 中 进行 处 理 ， 并 将 生成 的 HTML 发 送 到 浏览 器 中 显示 。 


@+ 上 机 练习 


本 章 的 上 机 练习 主要 熟悉 创建 ASP.NET 4.0 应 用 程序 的 过 程 ， 进 一 步 了 解 其 工作 原理 。 

本 练习 通过 服务 器 控件 显示 欢迎 信息 并 显示 当前 日 期 和 时 间 ， 与 前 面 的 例 1-1 效果 类 似 , 请 
读者 比较 两 者 的 区 别 。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 ]】 命 令 ， 新 建 网 站 【上 机 练习 1〗， 单 击 
【确定 】 按 钮 。 

(2) 切换 到 Default.axpx 页 面 的 【设计 〗 视 图 ， 从 工具 箱 中 拖 动 一 个 Label 控件 到 页 面 中 ， 
如 图 1-20 所 示 。 

(3) 在 页 面 的 空白 处 双击 和 鼠标， 将 自动 添加 页 面 的 Load 事件 ， 并 跳 转 到 后 台 代码 文件 
Default.apsx.cs 中 ， 在 此 添加 如 下 代码 : 

protected void Page_Load(object sender, EventArgs e) 

{ 

Labell.Text= "欢迎 进入 ASPNET 4 的 世界 ， 现 在 时 间 是 : "+ DateTime.Now: 
} 


(4) 启动 调试 ， 在 默认 浏览 器 中 打开 该 页 面 ， 如 图 1-21 所 示 。 
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httpz//Incalhost:1499/ 上 机 练习 /Defanlt_asnx 
[TD 

文件 四 “ 病 查 @) 查看 由。 收 康夫 工具 思 。 帮助 We 
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欢迎 进入 ASP NET 4 的 世界 ， 现 在 时 间 是 ，2011-5-28 131634 
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图 1-20 在 页 面 中 添加 Label 控件 图 1-21 页 面 运行 效果 
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COCO 人 
@;s 习题 
1. 参照 本 章 内 容 ， 获 取 VWD 2010 并 安装 。 


2. 简 述 ASP.NET 的 工作 原理 。 
3. 参照 本 章 上 机 练习 ， 新 建 网 站 ， 通 过 Label 控件 显示 当前 时 间 。 








可 于 





ASPNET 基础 知识 


(学习 目标 

本 章 主要 介绍 ASP.NET 的 一 些 基础 知识 ， 学 习 和 掌握 这 些 知识 是 以 后 进行 ASP.NET 程序 
开发 的 基础 和 前 提 。 这 些 知识 主要 包括 ASPNET 的 页 面 框架 和 页 面 类 ，ASPNET 的 内 置 对 象 以 
及 ASPNET 的 配置 文件 Web.config 和 全 局 文件 Globalasax。 本 章 是 学 习 ASPNET 非常 关键 的 


- 章 ， 是 从 认识 了 解 到 使 用 ASP.NET 的 一 个 关键 点 。 
(、 本 章 重点 
@ 了 解 ASPNET 的 文件 类 型 
@ ”理解 ASP.NET 页 面 的 运行 机 制 和 页 面 的 生命 周期 
@ ”掌握 创建 和 使 用 常用 内 置 对 象 的 方法 
@ ”掌握 Cookie 的 使 用 以 及 设置 和 检索 Cookie 的 方法 
@ 掌握 ASPNET 的 配置 管理 


网 .1，AsSPNET 应 用 程序 基础 





ASPNET 应 用 程序 与 传统 的 桌面 型 应 用 程序 不 同 。 传统 的 桌面 型 应 用 程序 是 一 个 独立 的 exe 
文件 ; 而 ASP.NET 应 用 程序 则 总 是 被 分 成 若干 个 Web 页面， 这样， 用 户 就 可 以 从 不 同 的 入 口 进 
入 一 个 ASPNET 应 用 程序 , 或 者 跟随 超 链接 从 一 个 Web 应 用 程序 导航 到 另 一 个 Web 应 用 程序 。 

每 一 个 ASP.NET 应 用 程序 都 共享 一 组 资源 和 配置 设置 ， 另 一 个 ASP.NET 应 用 程序 则 不 能 
共享 这 些 资源 和 配置 , 即使 它们 位 于 同一 个 Web 服务 器 上 。 从 技术 的 角度 来 讲 , 每 一 个 ASPNET 
应 用 程序 都 在 一 个 独立 的 “应 用 程序 域 ”(Application Domain) 中 执行 。 应 用 程序 域 是 内 存 中 相互 
隔离 的 内 存 区 域 ， 这 使 得 当 一 个 Web 应 用 程序 出 现 故 障 时 ， 不 会 影响 到 另 一 个 Web 应 用 程序 。 

标准 的 ASPNET 应 用 程序 定义 为 Web 服务 器 上 的 一 系列 文件 、 页 面 、 处 理 程序 、 功 能 模块 
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和 可 执行 代码 的 集合 ， 这 些 可 执行 文件 可 以 从 当前 网 站 的 虚拟 目录 及 其 子 目 录 中 进行 调用 。 换 句 
话说 ， 虚 拟 目 录 就 是 界定 Web 应 用 程序 的 基本 组 织 结构 。 如 图 2-1 所 示 是 一 个 Web 服务 器 的 应 
用 程序 域 的 结构 ， 其 中 包含 了 两 个 独立 的 Web 应 用 程序 。 





IIS Web 服 务 器 


应 用 程序 域 





























图 2-1 ASPNET 应 用 程序 域 


(2)1.1 ASP.NET 的 文件 类 型 


ASPNET 应 用 程序 可 以 包含 很 多 种 不 同类 型 的 文件 。 如 表 2-1 所 示 列 出 了 一 些 ASPNET 必 


不 可 少 的 文件 类 型 。 


文件 类 型 


.aspX 文件 


表 2-1 ASP.NET 文件 类 型 
描述 
.aspx 文件 是 ASPNET 的 Web 页 面 文件 ， 与 传统 ASP 应 用 程序 中 的 .asp 文件 对 应 。.aspx 
文件 中 包含 页 面 的 用 户 界面 ， 也 可 以 包含 一 些 基 本 的 应 用 程序 代码 。 用 户 向 Web 服务 器 


请 求 某 个 .aspx 文件 ， 或 者 导航 到 某 个 .aspx 文件 时 ， 将 进入 一 个 Web 应 用 程序 


.ascX 文件 


-asmx 文件 


Web.config 文件 


Globalasax 文件 


.ascX 文件 是 ASPNET 的 用 户 控件 。 用 户 控件 与 Web 页 面 类 似 , 但 用 户 无 法 直接 访问 .ascx 
文件 。 实际 上 ，.ascx 文件 必须 嵌入 到 一 个 ASP.NET 页 面 中 才能 运行 。 可 以 使 用 用 户 控件 
来 开发 一 些 用 户 界面 的 模块 , 并 在 其 他 页 面 中 直接 使 用 这 些 用 户 控件 , 而 不 必 重 复 编写 相 
同 的 代码 

.asmX 文件 是 ASPNET Web 服务 文件 。Web 服务 是 一 组 方法 的 集合 ， 这 些 方法 可 以 通过 
Jntemet 进行 调用 。Web 服务 的 工作 原理 与 Web 页 面 完全 不 同 ， 但 是 Web 服务 与 Web 页 
面 共享 同一 应 用 程序 中 的 各 种 资源 、 配 置 设置 和 内 存 区 域 

Web.config 文件 是 一 个 基于 XML 的 ASP.NET 配置 文件 。 该 配置 文件 包含 了 自 定义 的 安 
全 设置 、 状 态 管理 、 内 存 管理 等 多 种 配置 的 设置 。 本 书 中 很 多 地 方 都 会 用 到 该 文件 的 配置 
Global.asax 文件 是 一 个 全 局 应 用 程序 文件 。 在 该 文件 中 ， 可 以 定义 全 局 变量 (全 局 变量 可 
以 在 当前 Web 应 用 程序 中 的 所 有 页 面 中 访问 )， 还 可 以 定义 应 用 程序 的 全 局 事件 (如 当 一 
个 Web 应 用 程序 启动 时 的 事件 ) 








xs 文 件 





-cs 文件 是 Web 页 面 的 后 人 台 代 码 文件 ， 其 中 包含 执行 页 面 逻 辑 功 能 的 C# 代 码 。.cs 文件 将 
应 用 程序 的 逻辑 从 Web 页 面 的 用 户 界面 中 分 离 出 来 
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除了 上 表 所 列 的 文件 类 型 以 外 ，Web 应 用 程序 还 可 以 包含 一 些 其 他 的 资源 文件 ， 这 些 资 源 
文件 并 不 是 专门 用 于 ASPNET 的 。 例如 , 在 虚拟 目录 中 , 可 以 包含 图 片 文件 HTML 文件 或 CSS 
样式 文件 。 这 些 资 源 文件 可 以 在 某 个 ASPNET 页 面 中 使 用 ， 也 可 以 独立 使 用 。 


1.2 ASP.NET 应 用 程序 的 目录 结构 


每 个 Web 应 用 程序 都 应 该 具有 一 个 良好 的 目录 结构 规划 。 开 发 者 在 对 程序 进行 设计 时 应 该 
将 特定 类 型 的 文件 存放 在 某 些 文件 夹 中 ， 以 方便 今后 开发 中 的 管理 和 操作 。ASP.NET 保留 了 一 
些 特殊 的 子 目 录 , 程序 开发 人 员 可 以 直接 使 用 , 并 且 还 可 以 在 应 用 程序 中 增加 任意 多 个 文件 和 文 
件 夹 。 


入 提示 -, 
1 ”在 一 个 典型 的 ASPNET 应 用 程序 中 ， 并 不 一 定 需要 使 用 全 部 的 特殊 子 目 录 。 ' 


1. Bin 子 目录 


Bin 子 目 录 包 含 应 用 程序 所 需 的 用 于 控件 、 组 件 或 者 需要 引用 的 任何 其 他 代码 的 可 部 署 程序 
集 。 该 目录 中 存在 的 任何 .dll 文件 将 自动 地 链接 到 应 用 程序 。 可 以 在 Bin 子 目 录 中 存储 编译 的 程 
序 集 ，Web 应 用 程序 中 其 他 任意 处 的 代码 会 自动 引用 该 目录 。 典 型 的 实例 是 : 如 果 为 自 定义 类 编 
译 好 了 代码 ， 那 么 就 可 以 将 编译 后 的 程序 集 复制 到 Web 应 用 程序 的 Bin 子 目录 中 ， 这 样 ， 所 有 
页 都 可 以 使 用 这 个 类 了 。 

Bin 子 目录 中 的 程序 集 无 需 注册 。 只 要 .dll 文件 存在 于 Bin 子 目录 中 ，ASPNET 就 可 以 识别 
它 。 如 果 更 改 了 .dll 文件 ， 并 将 它 的 新 版 本 写 入 到 了 Bin 子 目 录 中 ， 则 ASPNET 会 检测 到 更 新 ， 
并 对 随后 的 新 页 请 求 使 用 新 版 本 的 .dll 文件 。 

将 编译 后 的 程序 集 放 入 Bin 子 目 录 中 会 带 来 安全 风险 。 如果 是 自己 编写 和 编译 的 代码 ,那么 
设计 者 是 了 解 代码 的 功能 的 。 但 是 , 设计 者 必须 像 对 待 任何 可 执行 代码 一 样 来 对 待 Bin 子 目录 中 
已 编译 的 代码 ,在 完成 代码 测试 并 确信 已 了 解 代码 功能 之 前 , 要 对 已 编译 的 代码 保持 谨慎 的 态度 。 
Bin 子 目 录 中 的 程序 集 的 作用 范围 为 当前 应 用 程序 , 因此 , 它们 无 法 访问 当前 Web 应 用 程序 之 外 
的 资源 或 调用 当前 Web 应 用 程序 之 外 的 代码 。 另 外 ， 在 运行 时 ， 程 序 集 的 访问 级 别 是 由 本 地 计 
算 机 上 指定 的 信任 级 别 决定 的 。 

2. App_Code 子 目 录 


App_Code 子 目 录 在 Web 应 用 程序 根 目 录 下 , 它 存储 所 有 应 当 作 为 应 用 程序 的 一 部 分 动态 编 
译 的 类 文件 。 这 些 类 文件 自动 链接 到 应 用 程序 ， 而 不 需要 在 页 面 中 添加 任何 显 式 指令 或 声明 来 创 
建 依赖 性 。App_Code 目录 中 放置 的 类 文件 可 以 包含 任何 可 识别 的 ASP.NET 组 件 一 一 自 定义 控 
件 、 辅 助 类 、build 提供 程序 、 业 务 类 、 自 定义 提供 程序 和 HTTP 处理 程序 等 。 
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在 开发 时 ， 对 App_Code 子 目 录 的 更 改 会 导致 整个 应 用 程序 的 重新 编译 。 对 于 大 型 项 目 , 这 
可 能 不 受 欢迎 ,而且 很 耗 时 。 为 此 ， 鼓励 大 家 将 代码 进行 模块 化 处 理 到 不 同 的 类 库 中 ， 按 逻辑 上 
相关 的 类 集合 进行 组 织 。 应 用 程序 专用 的 辅助 类 大 多 应 当 放置 在 App_Code 文件 夹 中。 

App_Code 子 目 录 中 存放 的 所 有 类 文件 应 当 使 用 相同 的 语言 。 如 果 类 文件 使 用 两 种 或 多 种 语 
言 编写 ， 则 必须 创建 特定 语言 的 子 目 录 ， 以 包含 用 各 种 语言 编写 的 类 。 一 旦 根据 语言 组 织 这 些 类 
文件 ， 就 要 在 Web.config 文件 中 为 每 个 子 目录 添加 设置 ， 有 关 Web.config 文件 的 使 用 将 在 后 面 
进行 详细 介绍 。 

App_Code 子 目录 和 Bin 子 目录 是 ASPNET 网 站 中 的 共享 代码 文件 夹 ， 如 果 Web 应 用 程序 
要 在 多 个 页 之 间 共 享 代码 ， 就 可 以 将 代码 保存 在 Web 应 用 程序 根 目录 下 的 这 两 个 特殊 目录 中 。 
当 创建 这 些 子 目录 并 在 其 中 存储 特定 类 型 的 文件 时 ，ASP.NET 将 使 用 特殊 方式 进行 处 理 。 

3. App_Data 子 目 录 


App_Data 子 目 录 保 存 应 用 程序 使 用 的 数据 库 。 它 是 一 个 集中 存储 应 用 程序 所 用 数据 库 的 地 
方 , 是 ASPNET 为 程序 提供 存储 自身 数据 的 默认 位 置 ， 该 文件 夹 内 容 不 由 ASP.NET 处 理 。 它 通 
常 以 文件 (诸如 Microsoft Access 或 Microsoft SQL Server 数据 库 、XML 文件 、 文 本 文件 以 及 应 用 
程序 支持 的 任何 其 他 文件 ) 的 形式 对 数据 进行 存储 。 当 然 ， 也 可 以 将 数据 文件 保存 到 其 他 目录 中 。 
吕 提示 

默认 情况 下 ，ASP.NET 帐户 被 授予 对 该 子 目录 的 完全 访问 权限 。 如 果 要 改变 ASPNET 帐户 , 一 定 要 确 
保 新 帐户 被 授予 对 该 目录 的 读 / 写 访问 权 。 





4. App_GlobalResources 子 目录 


App_GlobalResources 子 目录 用 于 保存 Web 应 用 程序 中 的 全 局 资源 文件 。 资 源 文件 是 一 些 字 
符 串 表 ， 当 应 用 程序 需要 根据 某 些 事情 进行 修改 时 ， 资 源 文件 可 用 于 这 些 应 用 程序 的 数据 字典 。 
可 以 在 App_GlobalResources 子 目 录 中 添加 程序 集资 源 文件 (.resx), 它们 会 动态 编译 , 成 为 解决 方 
案 的 一 部 分 ， 供 程序 中 的 所 有 .aspx 页 面 使 用 。 在 使 用 ASP.NET 1.0/1.1 时 ， 必 须 使 用 resgen.exe 
工具 把 资源 文件 编译 为 .dl 或 .exe， 才 能 在 解决 方案 中 使 用 。 而 从 ASP.NET 3.5 开始 ， 资 源 文 件 
的 处 理 就 容易 多 了 ， 除 了 字符 串 之 外 ， 还 可 以 在 资源 文件 中 添加 图 像 和 其 他 文件 。 

当 需 要 开发 一 个 支持 多 种 语言 的 Web 网 站 时 ， 该 目录 用 于 进行 本 地 化 设置 。 

5. App_LocalResources 子 目 录 


App_GlobalResources 子 目 录用 于 合并 可 以 在 应 用 程序 范围 内 使 用 的 资源 。 如 果 对 构造 应 用 
程序 范围 内 的 资源 不 感 兴趣 ， 而 对 只 能 用 于 一 个 .aspx 页 面 的 资源 感 兴趣 ， 就 可 以 使 用 
App_LocalResources 子 目录 。 可 以 把 专用 于 页 面 的 资源 文件 添加 到 该 目录 中 ,方法 是 构建 Tesx 文 
件 名 ， 如 下 所 示 : 


Default.aspx.resx 
Default.aspx.firesx 
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Default.aspx.ja.resx 

Default.aspx.en-gb.resx 

现在 就 可 以 从 App_LocalResources 目录 的 相应 文件 中 检索 在 Defaultaspx 页 面 上 使 用 的 资源 
声明 了 。 如 果 没 有 找到 匹配 的 资源 ， 就 默认 使 用 Default.aspx.resx 资源 文件 。 

6. App_WebReferences 子 目录 

App_WebReferences 子 目录 用 于 保存 当前 Web 应 用 程序 中 用 到 的 Web 服务 引用 。 

7. App_Themes 子 目录 

App_Themes 子 目录 用 于 存放 Web 应 用 程序 中 使 用 的 主题 。 主题 是 为 站 点 上 的 每 个 页 面 提供 


统一 外 观 和 操作 方式 的 一 种 新 方法 。 通 过 skin 文件 、CSS 文件 和 站 点 上 服务 器 控件 使 用 的 图 像 
来 实现 主题 功能 。 所 有 这 些 元 素 都 可 以 构建 一 个 主题 , 并 存储 在 解决 方案 的 App_Themes 目录 中 。 


@@2 页 面 管理 


ASP.NET 页 面 是 指 带 .aspx 扩展 名 的 文本 文件 ， 可 以 被 部 署 在 IIS 虚拟 目录 树 中 。 页 面 由 代 
码 和 标签 (tag) 组 成 ， 它 们 在 服务 器 上 被 动态 地 编译 和 执行 ， 为 提出 请 求 的 客户 端 浏览 器 (或 设备 ) 
生成 显示 内 容 。 对 于 Web 开发 人 员 来 说 ， 如 果 想 提高 页 面 的 运行 效率 ， 首 先 需 要 了 解 ASPNET 
页 面 是 如 何 组 织 运 行 的 。 


@ )2.1 ASP.NET 页 面 代码 模式 


ASPNET 的 页 面包 含 两 个 部 分 ， 一 部 分 是 可 视 化 元 素 ， 包 括 标签 、 服 务 器 控件 以 及 一 些 静 
态 文本 等 ， 另 一 部 分 是 页 面 的 程序 逻辑 ， 包 括 事件 处 理 句柄 和 其 他 程序 代码 。ASPNET 提供 本 
种 模式 米 组 织 页 面 元 素 和 代码 :一 种 是 单一 文件 模式 ; 另 一 种 是 后 台 代 码 模式 。 西 种 模式 功能 是 
一 样 的 ， 可 以 在 两 种 模式 中 使 用 同样 的 控件 和 代码 ， 但 要 注意 使 用 的 方式 不 同 ， 接 下 来 分 别 进行 
介绍 。 

1 单一 文件 模式 


在 单一 文件 模式 下 ， 页 面 的 标签 和 代码 在 同一 个 .aspx 文件 中 ， 程 序 代码 包含 在 <script 
runat="server"></scrip 忆 的 服务 器 程序 脚本 代码 块 中 间 , 并 且 代 码 中 间 可 以 实现 对 一 些 方法 和 属性 
以 及 其 他 代码 的 定义 ,只 要 在 类 文件 中 可 以 使 用 的 都 可 以 在 此 处 进行 定义 。 运行 时 ,单一 页 面 被 
视 为 继承 Page 类 。 

2. 后 台 代码 模式 


后 台 代 码 模式 将 可 视 化 元 素 和 程序 代码 分 别 放 在 不 同 的 文件 中 ， 如 果 使 用 C# 语 言 ， 则 可 视 
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化 页 面 元 素 为 .aspx 文件 ， 程 序 代码 为 .cs 文件 。 使 用 的 语言 不 同 ， 程 序 代 码 后 级 也 不 同 。 这 种 模 
式 也 被 称 为 代码 分 离 模式 。 

ASPNET 4.0 的 后 台 代 码 分 离 模式 有 很 大 的 改进 ， 简 单 易 用 且 健壮 性 强 。 一 个 典型 的 代码 分 
离 模式 的 例子 如 例 2-1 所 示 。 

【 例 2-1】 代 码 分 离 模 式 示例 。 
页 面 文件 Default.aspx 的 内 容 如 下 : 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits=" Default" %> 
<html> 
<body> 

<h2> 

后 台 代 码 模式 示例 

</h2> 

<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
<body> 
<html> 


过 


后 台 代 码 程序 文件 Default.aspx.cs 的 内 容 如 下 : 






Using System; 

Using System.Collections: 

using System.Configuration; 

using System.Data' 

Using System Linq: 

using System. Web: 

using System.Web.Security: 

using System. Web.UI: 

using System. Web.ULHtmlControls: 

using System.Web.ULWebControls: 

Using System.Web.ULWebControls.WebParts: 
Using System.XmlLinq: 

public partial class_Default : System.Web.ULPage 
{ 


将 是 鑫 蜡 
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protected void Page_ Load(object sender, EventArgs e) 
{ 

Label.Text = Request.ServerVariables["ALL HTTP"]: 
} 


ASPNET 的 代码 分 离 模式 把 一 个 网 页 文件 分 为 一 个 .aspx 文件 和 一 个 对 应 的 .aspx.cs 文件 , 其 
中 ，.aspx 文件 顶部 的 页 面 设置 把 两 个 文件 联系 在 一 起 ， 如 本 例 中 的 CodeFile="Default.aspx.cs"。 在 
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Web 窗 体 页 Default.aspx 中 ， 添 加 了 一 个 Label 服务 器 控件 ， 在 后 台 代码 程序 Default .aspx.cs 中 
的 Page_ Load 事件 中 设置 了 该 控件 的 Text 古人 人 2-2 所 示 。 
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后 台 代码 模式 示例 


HTTP_CONNECTIONKeep-Alve HTTP_ACCEPTimage /gif. image/x-xbitmap, image /jpeg. 
td glash 














HTTP 1 AGENT-Mozila4 
(compatible; MSIE 7.0; Windows NT 5.1; NET CLR 2.0.50727; NET CLR 3.0.04506.648; NET CLR 
3.5.21022; NET4.0C; NET4 0E: NET CLR 3.0.4506 2152; NET CLR 3.5 30729) 
HTTP_UA_CPUx86 
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图 2-2 代码 分 离 模式 示例 


(2)2.2 页 面 往 返 机 制 


ASPNET 网 页 是 以 代码 形式 在 服务 器 上 运行 的 ， 因 此 ， 要 使 页 面 中 的 按钮 或 其 他 内 容 得 到 
处 理 ， 必 须 将 该 信息 提交 到 服务 器 。 每 次 页 面 提交 时 ， 都 会 在 服务 器 端 运行 其 代码 ， 然 后 把 运行 
的 结果 呈现 给 用 户 。ASPNET 页 面 的 处 理 过 程 循环 如 下 : 

(1) 用 户 通 过 客户 端 浏览 器 请 求 页 面 ， 页 面 第 一 次 运行 ， 执 行 初步 处 理 。 

(2) 执行 的 结果 以 HIML 标记 的 形式 呈现 给 浏览 器 ， 浏 览 器 对 标记 进行 解释 并 显示 。 

(3) 用 户 输入 信息 或 从 可 选项 中 进行 选择 ， 或 者 单 击 按钮 。 

(4) 页 面 将 以 上 用 户 行为 发 送 到 Web 服务 器 ， 在 ASP.NET 中 此 称 为 “ 回 发 ”， 也 就 是 页 面 
发 送 回 其 自身 。 例 如 用 户 正在 访问 Default.aspx 页 面 ， 则 单 击 该 页 面 上 的 某 个 按钮 可 以 将 该 页 面 
发 送 回 服务 器 ， 发 送 的 目的 还 是 Default.aspx。 

(5) 在 Web 服务 器 上 ， 该 页 再 次 运行 ， 并 且 使 用 用 户 输入 或 选择 的 信息 。 

(6) 服务 器 将 执行 操作 后 的 页 面 以 HTML 或 XHTML 标记 的 形式 发 送 到 客户 端 浏 览 器 。 

只 要 用 户 访问 同一 个 页 面 ， 该 循环 就 会 继续 。 每 个 循环 称 为 一 次 “往返 行程 ”。 由 于 页 面 处 
理发 生 在 Web 服务 器 上 ， 因 此 ， 页 面 可 以 执行 的 每 个 操作 都 需要 一 次 到 服务 器 的 往返 行程 。 

有 时 可 能 需要 代码 仅 在 首次 请 求 页 面 时 执行 , 而 不 是 每 次 回 发 时 都 执行 , 这 时 可 以 使 用 Page 
对 象 的 IsPostBack 属性 来 避免 对 往返 行程 执行 不 必要 的 处 理 。 


@ )2.3 ”页面 生 存 周 期 


ASPNET 页 面 在 运行 时 将 经 历 一 个 生命 周期 ， 在 生命 周期 中 ， 该 页 面 将 执行 一 系列 处 理 步 


“ 
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了 又。 这 些 步骤 包括 初始 化 、 实 例 化 控件 、 还 原 和 维护 状态 、 运 行事 件 处 理 程序 代码 以 及 进行 呈现 。 

与 桌面 应 用 程序 中 的 窗 体 不 同 ，ASPNET 网 页 在 使 用 窗 体 时 不 会 启动 或 运行 ， 并 且 仅 当 用 
户 单 击 “ 关 闭 ” 按 钮 时 才 会 卸载 。 这 是 由 于 Web 具有 断 开 连接 的 天 性 。 浏 览 器 从 Web 服务 器 请 
求 页 面 时 , 浏览 器 和 服务 器 相连 的 时 间 仅 够 处 理 请 求 。Web 服务 器 将 页 面 呈现 到 浏览 器 之 后 , 连 
接 即 终止 。 如 果 浏 览 器 对 同一 Web 服务 器 发 出 另 一 个 请 求 ， 则 即使 是 对 同一 个 页 面 发 出 的 ， 该 
请 求 仍 会 作为 新 请 求 来 处 理 。 

Web 这 种 断 开 连 接 的 天 性 决定 了 ASPNET 页 的 运行 方式 。 用 户 请 求 ASP.NET 网 页 时 ， 将 
创建 该 页 的 新 实例 。 如 果 用 户 单 击 按钮 以 执行 回 发 , 将 创建 该 页 的 一 个 新 实例 ; 该 页 执行 其 处 理 ， 
然后 再 次 被 丢弃 。 这 样 ， 每 个 回 发 和 往返 行程 都 会 导致 生成 该 页 的 一 个 新 实例 。 


@; ASPNET 的 内 置 对 象 


ASPNET 能 够 成 为 一 个 庞大 的 软件 体系 ， 与 它 提供 了 大 量 的 对 象 类 库 有 很 大 的 关系 。 这 些 
类 库 中 包含 许多 封装 好 的 内 置 对 象 , 开发 人 员 可 以 直接 使 用 这 些 对 象 的 方法 和 属性 。 这些 对 象 主 
要 包括 Page、Response、Request、Application、Session、Server、ViewState、Cookie 等 。 下 面 将 
分 别 介绍 这 些 对 象 的 常用 属性 及 方法 。 





3.1 Page 类 


在 ASPNET Framework 中 ，Page 类 为 ASP.NET 应 用 程序 文件 所 构建 的 对 象 提供 基本 行为 。 
该 类 在 System.Web.UI 命名 空间 中 ， 从 TemplateControl 类 派生 而 来 ， 而 TemplateControl 类 继承 
自 System.Web.ULControl， 它 也 是 一 种 特殊 的 Control 类 ， 并 实现 了 IHttpHandler 接口 。 
前 面 介绍 了 页 面 往返 机 制 和 页 面 的 生存 周期 。 在 页 面 工作 过 程 中 , 每 个 页 面 都 被 编译 为 一 个 
类 ， 当 有 请 求 的 时 候 就 对 这 个 类 进行 实例 化 。 对 于 页 面 的 生存 周期 ，Page 对 象 一 共 要 关心 以 下 5 
个 阶段 。 
图 页面 初始 化 : 在 这 个 阶段 ， 页 面 及 其 控件 被 初始 化 ， 页 面 确定 这 是 一 个 新 的 请 求 还 是 一 
个 回 传 请 求 。 页面 事件 处 理 器 Page_PreInit 和 Page_Init 被 调用 。 另 外 ， 所 有 服务 器 控件 
的 Premit 和 Init 被 调用 。 
@@“ 载 入 : 经 过 页 面 初始 化 之 后 ， 页 面 将 进入 载 入 阶段 。 在 该 阶段 ， 如 果 当 前 页 面 的 请 求 是 
一 个 回 传 请 求 ， 则 该 页 面 将 从 视图 状态 和 控件 状态 中 加 载 控件 的 属性 。 在 此 过 程 中 , 页 
面 将 引发 Load 事件 。 
回回 送 事件 处 理 : 如 果 请 求 是 一 个 回 传 请 求 ， 任 何 控件 的 回 发 事件 处 理 过 程 都 将 被 调用 。 
加 ”呈现 : 在 页 面 呈现 状态 中 ,视图 状态 被 保存 到 页 面 。 页面 和 控件 的 PreRender 和 Render 
方法 先后 被 调用 。 最 后 ， 呈 现 的 结果 通过 HTTP 响应 发 送 回 客户 端 。 
@@“ 撮 载 : 对 页 面 使 用 过 的 资源 进行 最 后 的 清除 处 理 ， 控 件 或 页 面 的 Unload 方法 被 调用 。 
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在 前 面 介绍 页 面 代码 模式 时 曾 说 过 ， 单 一 页 面 在 运行 时 被 视 为 继承 Page 类 。 而 在 后 台 代 码 
模式 中 ， 后 台 的 .cs 文件 中 包含 一 个 继承 自 Page 类 的 分 部 类 ， 即 具有 partial 关键 字 的 类 声明 ， 在 
对 代码 分 离 页 进行 编译 时 ，ASP.NET 基于 .aspx 文件 生成 一 个 分 部 类 ,该 类 是 .cs 文件 中 定义 的 分 
部 类 的 另 一 部 分 ， 两 者 一 起 编译 成 程序 集 ， 运 行 该 程序 集 可 以 输出 程序 到 浏览 器 。 

下 面 介绍 Page 类 的 常见 属性 和 事件 ， 如 表 2-2 所 示 。 


表 2-2 Page 类 的 常用 属性 和 事件 














属性 或 事件 说 明 
Application 为 当前 Web 请 求 获取 HttpApplicationState 对 象 
IsPostBack 指示 该 页 是 否 正 为 响应 客户 端 回 发 而 加 载 ， 或 者 它 是 否 正 被 首次 加 载 和 访问 
IsValid 指示 页 验证 是 否 成 功 
Request 获取 请 求 的 页 的 HttpRequest 对 象 
Response 获取 与 该 Page 对 象 关 联 的 HttpResponse 对 象 
Server 获取 Server 对 象 ， 它 是 HttpServerUtility 类 的 实例 
Session 获取 ASPNET 提供 的 当前 Session 对 象 
Validators 获取 请 求 的 页 上 包含 的 全 部 验证 控件 的 集合 
获取 状态 信息 的 字典 , 这 些 信息 使 用 户 可 以 在 同一 页 的 多 个 请 求 间 保 存 和 还 原 服务 器 控件 的 
视图 状态 
PreInit 在 页 初始 化 开始 时 发 生 
PreLoad 在 页 的 Load 事件 之 前 发 生 
Load 当 服 务 器 控件 加 载 到 Page 对 象 中 时 发 生 
Init 当 服 务 器 控件 初始 化 时 发 生 ， 初 始 化 是 控件 生存 期 的 第 一 步 
PreRender 在 加 载 Control 对 象 之 后 、 呈 现 之 前 发 生 


InitComplete 在 页 初始 化 完成 时 发 生 
LoadComplete 在 页 生存 周期 的 加 载 阶段 结束 时 发 生 
Unload 当 服 务 器 控件 从 内 存 中 卸载 时 发 生 


Page 对 象 的 事件 贯穿 页 面 执行 的 整个 过 程 。 大 多 数 情 况 下 ， 只 需 关 心 Page_Load 事件 即 可 。 
由 于 Page_Load 方法 在 每 次 页 面 被 加 载 时 执行 ， 所 以 ， 即 使 是 回 传 的 情况 下 也 会 调用 该 方法 , 此 
时 可 以 使 用 Page 对 象 的 ISPostBack 属性 来 判断 是 否 回 传 请 求 ， 从 而 进行 不 同 的 处 理 。 

例 2-2 演示 了 Page 类 各 事件 发 生 的 时 刻 。 

【 例 2-2】 演 示 加 载 页 面 时 ，Page 类 各 事件 的 发 生 顺 序 。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 例 2-2〗， 单 击 【 确 定 】 
按钮 。 

(2) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】 中 拖 动 一 个 Button 控件 和 一 个 Label 
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控件 到 Web 窗 体 中 ， 系 统 自 动 将 其 分 别 命名 为 Buttonl 和 Labell， 如 图 2-3 所 示 。 

















口 拆 分 | 回 源 [Goar onstonl [iv G2> 








图 2-3 添加 控件 到 Web 窗 体 


(3) 双击 Button 控件 , 为 按钮 添加 单 击 事件 处 理 程序 , 同时 将 跳 转 到 代码 文件 Default.aspx.cs 
的 相应 位 置 ， 在 此 添加 如 下 代码 ， 修 改 Label 控件 的 Text 属性 。 
protected void Buttonl_Click(object sender, EventArgs e) 
Labell.Text+= "<br> 按 钮 的 单 击 事件 处 理 程序 "; 
} 


(4) 在 代码 中 同时 添加 其 他 的 Page 对 象 的 事件 处 理 程序 ， 如 下 所 示 : 


KC 










Pprotected void Page_InitComplete(object sender, EventArgs e) 基 
{ 与 

Labell.Text += "<br>Page 对 象 的 InitComplete 事件 "; 
} 教 
protected void Page_PreInit(object sender, EventArgs e€) 六 


, Labell.Text += "<br>Page 对 象 的 PreInit 事件 "; 
人 Void Page_Init(object sender, EventArgs e) 

; Labell.Text += "<br>Page 对 象 的 Init 事件 "; 
a void Page_PreLoad(object sender, EventArgs e) 

: Labell.Text += "<br>Page 对 象 的 PreLoad 事件 "; 
pe void Page Load(object sender. EventArgs e) 
Labell.Text += "<br>Page 对 象 的 Load 事件 ": 
a void Page_PreRender(object sender EventArgs e) 





这 
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Labell.Text += "<br>Page 对 象 的 PreRender 事件 "; 
了 
Protected void Page LoadComplete(object sender. EventArgs e) 
{ 

Labell.Text += "<br>Page 对 象 的 LoadComplete 事件 ": 
} 


(5) 单 击 工具 栏 中 的 【启动 调试 〗 按 甸 册 ,或 者 按 F5 键 ， 编 译 运 行程 序 ， 在 正中 显示 的 运 
行 效果 如 图 2-4 所 示 。 
ocalhost:1037/ 例 2-2/Default. aspr 
DO ~ hp /Nochost:1037/xE4xBEYSB2-2/Defwnlt Y 5 XX | 
文件 四 “六 得 四 查看。 收 大 天) 工具 0) 天助 0) 
富 安 独 http://locdhost:10/xE4xBEB82-2/D. 从 -加 -部 -Im- 全 IRO-“ 
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Page 事件 演示 
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2-4 Page 对 象 演示 结果 





实 济 直 痊 


一 知识 点 
Page 对 象 的 事件 处 理 顺序 为 : PreInit 事件 、Init 事件 、InitComplete 事件 、PreLoad 事件 、Load 事件 、 





LoadComplete 事件 、PreRender 事件 和 Unload 事件 。 


@ )3.2 “Request 对 象 


Request 对 象 是 ASPNET 中 最 有 用 的 对 象 之 一 ， 它 与 Response 对 象 一 起 使 用 ， 达 到 沟通 客 


户 端 与 服务 器 端的 作用 ， 使 它们 之 间 可 以 很 简单 地 交换 数据 。 

Request 对 象 接收 客户 端 通过 表单 或 者 URL 地 址 串 发 送 来 的 变量 , 同时 , 也 可 以 接收 其 他 客 
户 端 的 环境 变量 ， 比 如 浏览 器 的 基本 情况 、 客 户 端的 卫 地 址 等 。 所 有 从 前 端 浏览 器 通过 HTTP 
通信 协议 送 往 后 端 Web 服务 器 的 数据 ， 都 是 借助 Request 对 象 完成 的 。 

Request 对 象 是 System.Web.HttpRequest 类 的 实例 ， 其 常用 的 属性 和 方法 如 表 2-3 所 示 。 
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表 2-3 Request 对 象 的 常用 属性 和 方法 


























属性 或 方法 说 明 
ApplicationPath 获得 ASP.NET 应 用 程序 虚拟 目录 的 根 目 录 
Browser 获取 和 设置 客户 端 浏览 器 的 兼容 性 信息 
ContentLength 客户 端 发 送信 息 的 字 节 数 
ContentType 获取 和 设置 请 求 的 MIME 类 型 
Cookies 获取 客户 端 Cookie 
FilePath 当前 请 求 的 虚拟 路 径 
Files 获取 客户 端 上 传 的 文件 集合 
Fomm 获取 表单 变量 集合 
Headers 获取 HTTP 头 信息 
HttpMethod HTTP 数据 传输 方法 ， 例 如 GET、POST 
Path 获取 当前 请 求 的 虚拟 路 径 
PhysicalPath 获取 请 求 的 URL 物理 路 径 
QueryString 获取 查询 字符 串 集合 
ServerVariables 获取 服务 器 变量 集合 
TotalBytes 获取 输入 文件 流 的 总 大 小 
Url 获取 当前 请 求 的 URL 
UrlReferrer 获取 该 请 求 的 上 一 个 页 面 
UserAgent 客户 端 浏 览 器 信息 


UserHostAddress “| 客户 端 亿 地 址 
UserHostName 客户 端 DNS 名 称 


UserLanguages 客户 端 语言 
BinaryRead 以 二 进 制 方式 读 取 指定 字 节 的 输入 流 
MapPath 为 当前 请 求 将 请 求 的 URL 中 的 虚拟 路 径 映 射 到 物理 路 径 


SaveAs 保存 HTTP 请 求 到 硬盘 





ValidateInput 验证 客户 端的 输入 数据 ， 如 果 具 有 潜在 的 风险 ， 则 引发 一 个 异常 


ASPNET 是 使 用 表单 (Form) 来 实现 用 户 数据 提交 的 。 对 于 HTML 表单 ， 可 以 使 用 Get 方法 
或 Post 方法 来 实现 数据 提交 。 如 果 使 用 Get 方法 ， 就 要 使 用 Request 对 象 的 QueryString 集合 来 
获取 相关 的 信息 ; 如 果 使 用 Post 方法 ， 就 要 使 用 Request 对 象 的 Form 集合 来 获取 相关 信息 。 下 


面 分 别 讲解 如 何 使 用 Get 方法 和 Post 方法 。 


@ ”Get 方 法 : 使 用 Get 方 法 进行 数据 提 时 ， 用 户 要 提交 的 信息 往往 是 作为 查询 字符 串 加 在 





URL 的 后 面 传 给 接收 程序 , 一 般 限制 在 2KB 左右 。 例 如 : http:/www.domain .comy/testaspx? 


name=myname&password=mypassword。 








-29- 


JP 


Rs 


/a \ 
| 页 | ASP.NET 4.0 动态 网 站 开发 实用 教程 
WB. 


@ ”Post 方法 : 使 用 Post 方法 时 ， 用 户 浏览 器 的 地 址 栏 中 不 会 显示 相关 的 查询 字符 串 。 因 
此 ， 如 果 需 要 提交 的 数据 很 多 时 ， 应 使 用 Post 方法 ， 因 为 它 对 数据 的 大 小 和 长 度 没 有 
限制 。 另 外 ， 由 于 地 址 栏 中 不 显示 相关 的 查询 字符 串 ， 记 以 使 用 Post 方法 就 十 分 适合 
用 来 传递 保密 信息 ， 例 如 用 户 的 帐号 和 密码 。 


@ )3.3 Response 对 象 


Response 对 象 实际 是 在 执行 System.Web 命名 空间 中 的 HttpResponse 类 。CLR 会 根据 用 户 的 
请 求 信息 建立 一 个 Response 对 象 ，Response 将 用 于 回应 客户 端 浏 览 器 ， 告 诉 浏览 器 回应 内 存 的 
报头 、 服 务 器 端的 状态 信息 以 及 输出 指定 的 内 容 。 

Response 对 象 的 常用 属性 和 方法 如 表 2-4 所 示 。 


售 属性 或 方法 

















表 2-4 Response 对 象 的 常用 属性 和 方法 
说 明 
获取 或 设置 是 否 缓冲 输出 。 如 有 缓冲 ， 服 务 器 在 所 有 当前 处 理 的 页 面 的 语句 被 处 理 之 前 不 























Buffer 将 Response 送 往 客户 端 ， 除 非 有 Flush 或 End 方法 被 调用 。Tme 表示 需要 ，False 表示 不 
基 需要 ， 默 认 值 是 True 
而 Cache 获取 缓存 信息 
更 | _aaase 获取 和 设置 输出 流 的 HTTP 字符 集 
要 ContentType 获取 和 设置 输出 流 的 MIME 类 型 ， 默 认 值 为 texVhtml 
材 Cookie 获取 Cookie 集合 
已 Expi 获取 和 设置 浏览 器 缓存 超时 时 间 
IsClientConnected | 获取 客户 端 是 否 和 服务 器 连接 
Status, 设置 返回 给 客户 端的 状态 
StatusCode 获取 和 设置 返回 给 客户 端 状态 字符 串 
StatusDescription “| 获取 和 设置 状态 说 明 
AddHeader 添加 HTTP 头 信息 
AppendCookie 添加 一 个 Cookie 
AppendHeader 添加 HTTP 头 信息 
AppendToLog 添加 自 定义 信息 到 IIS 日 志 中 
BinaryWrite 以 二 进 制 的 方式 输出 
Clear 清除 输出 缓存 
Close 关闭 和 客户 端的 Socket 连接 
End 发 送 所 有 缓冲 到 客户 端 ， 并 且 停止 执行 页 面 
Flush 发 送 所 有 缓存 到 客户 端 
Redirect 重新 定向 URL 
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a 
( 续 表 ) 
属性 或 方法 说 明 
SetCookie | 更 新 一 个 已 有 的 Cookie 
Write | 输出 信息 





WriterFile 直接 将 指定 文件 写 到 输出 流 


下 面 的 例子 演示 了 Request 和 Response 对 象 的 配合 使 用 。 
【 例 2-3 】 演 示 利 用 Request 对 象 和 Response 对 象 进行 数据 传送 。 
(1) 在 【 例 2-2】 的 网 站 中 添加 一 个 名 为 Requestaspx 和 一 个 名 为 Response.aspx 的 网 页 。 在 
【解决 方案 资源 管理 器 〗 窗 口中 ， 右 击 【 例 2-2】 解决 方案 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 
命令 ， 如 图 2-5 所 示 。 
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中 Py A 础 
| 局 动 大 项 四) 与 
本 解 方 案 次 而 设 为 启 吗 项目 实 
图 2-5 选择 【添加 新 项 】 命 令 记 
3 有 S 材 
(2) 在 打开 的 【添加 新 项 】〗 对 话 框 中 选择 【Web 窗 体 】， 在 【名 称 】 文 本 框 中 输入 文件 名 ， 系 


妾 


然后 单 击 【添加 】〗 按 钮 ， 如 图 2-6 所 示 。 
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2-6 【添加 新 项 】 对 话 框 


(3) 在 Request.aspx 页 面 的 <body> 标 签 中 添加 如 下 代码 : 
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~ 
<body> 
<h2> 登 录 页 面 </h2> 
<p><a href="Response.aspx?user=gemmé&zpassword=zyd"> 会 员 登 录 </a></p> 
<form id="form]1" action="Response.aspx" method="post"> 
<p> 用 户 名 : <input name="user" type="text" /></p> 
<p> 密 ” 码 : <input name="password" type="text" /></p> 
<p><input name="submit" type="submit" value=" 提 交 " /></p> 





</form> 
<body> 
(4) 在 Response.aspx 页 面 中 的 <body> 标 签 中 添加 如 下 代码 : 
<body> 
<form id='forml" runat server 
<div> 
<asp:button runat="server" text=" 返 回 登录 页 面 " onclick="Button1_Click" 亡 
</div> 
</form> 
<body> 
基 (5) 在 Response.aspx.cs 代码 文件 中 ， 添 加 页 面 的 Load 事件 和 按钮 的 单 击 事件 处 理 程序 ， 代 
础 
与 码 如 下 : 
六 protected void Page_Load(object sender. EventArgs e) 
教 
用 if (Request HttpMethod Equals("GET")) 
列 { 


Response.Write(" 以 下 信息 来 自 于 Request 页 面 ,数据 传输 方法 为 GET<br>"); 
Response. Write("QueryString: "+ Request.QueryString): 
Response.Write("<br> 用 户 名 :" + Request.QueryString["user"]): 
Response.Write("<br> 密 码 :" + Request.QueryString["password"]): 
} 
if (Request.HttpMethod.Equals("POST")) 
{ 
Response.Write(" 以 下 信息 来 自 于 Request 页 面 ,数据 传输 方法 为 POST<br>"): 
Response.Write("<br> 用 户 名 :" + RequestForm["user"]): 
Response.Write("<br> 密 码 :" + Request.Form["password"]): 
} 
} 
protected void Buttonl_Click(object sender, EventArgs 日 
Response.Redirect("Request.aspx"): 
} 
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(6) 编译 并 运行 程序 ， 在 浏览 器 中 加 载 Reque 页 面 ， 如 图 2-7 所 示 。 


























图 2-7 Request.aspx 页 


(7) 单 击 【会员 登录 】〗 超 链接 ， 跳 转 到 Response.aspx 页 面 ， 可 以 在 【地 址 栏 〗 中 看 到 传递 的 


参数 ， 如 图 2-8 所 示 。 意 
有 也 on 亚 
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图 2-8 以 GET 方式 传送 数据 


(8) 单 击 【 返 回 登录 页 面 】 按 钮 ， 返 回 到 Request.aspx 页 面 ， 在 下 面 的 文本 框 中 输入 用 户 名 、 
密码 ， 单 击 【 提 交 ]】 按 钮 ， 此 时 呈现 的 页 面 如 图 2-9 所 示 。 
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加 


图 2-9 以 POST 方式 传送 数据 
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全 )3.4_Application 对 象 


Application 对 象 用 来 保存 希望 在 多 个 页 面 之 间 传 递 的 变量 。 由 于 在 整个 应 用 程序 生存 周期 
中 ，Application 对 象 都 是 有 效 的 ， 所 以 在 不 同 的 页 面 中 都 可 以 对 它 进行 存 取 ， 就 像 使 用 全 局 变量 
- 样 方便 。 

在 ASPNET 环境 中 ，Application 对 象 是 System.Web HttpApplicationState 类 的 实例 ， 它 可 以 

在 多 个 请 求 、 连 接 之 间 共 享 公 用 信息 ， 也 可 以 在 各 个 请 求 连接 之 问 充 当 信息 传递 的 管道 。 

Application 对 象 可 以 建立 Application 变量 ， 它 和 一 般 程序 变量 不 同 ，Application 变量 是 一 
个 Contents 集合 对 象 ， 此 变量 可 以 为 访问 网 站 的 每 位 用 户 提供 一 个 共享 数据 的 通道 ， 因 为 
Application 变量 允许 网 站 的 每 位 用 户 获取 或 更 改 其 值 。 





Application 对 象 是 在 第 一 个 Session 对 象 建立 后 创建 ， 直 到 Web 服务 器 关机 或 所 有 用 户 都 离线 后 才 会 | 
人 删除， / 


Application 对 象 的 常用 属性 和 方法 如 表 2-5 所 示 。 
表 2-5 Application 对 象 的 常用 属性 和 方法 




















属性 或 方法 说 了 明 
AlIKeys 获得 访问 HttpApplicationState 集合 的 所 有 键 
Contents 获得 HttpApplicationState 对 象 的 引用 
Count 获得 HttpApplicationState 集合 的 数量 
Item 通过 名 称 和 索引 访问 HttpApplicationState 集合 
Keys 获得 访问 HttpApplicationState 集合 的 所 有 键 ， 从 NameObjectCollectionBase 继承 
StaticObjects “| 获得 所 有 使 用 <object> 标 签 声明 的 应 用 程序 集 对 象 
Add 添加 一 个 新 的 对 象 到 HttpApplicationState 集合 
Clear 清除 HttpApplicationState 集合 中 的 所 有 对 象 
Ge | 通过 条 获得 HupApplcaiosaeW 龟 
Getkey 通过 索引 获得 一 个 HttpApplicationState 名 称 
Lock 锁定 访问 HttpApplicationState 变量 
UnLock 取消 锁定 ， 一 般 情况 下 需要 操作 Application 变量 则 设置 为 Lock， 操 作 完 成 后 则 设置 为 Unlock 
Remove 从 HttpApplicationState 集合 删除 一 个 对 象 
RemoveAll 删除 HttpApplicationState 集合 所 有 对 象 
RemoveAt 根据 索引 删除 一 个 HttpApplicationState 对 象 
Set 更 新 一 个 HttpApplicationState 变量 
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下 面 的 例 2-4 演示 了 Application 对 象 的 使 用 。 
【 例 2-4】 演示 利 用 Application 对 象 统计 网 站 访问 人 数 。 
(D 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 例 2-4〗， 单 击 【 确 定 】 
按钮 。 
(2) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】〗 中 拖 动 一 个 Label 控件 到 Web 窗 体 中 ， 
系统 自动 将 它 命名 为 Labell。 
(3) 在 Default.aspx.cs 文件 中 添加 页 面 的 Load 事件 处 理 程序 ， 代 码 如 下 : 


protected void Page Load(object sender. EventArgs e) 
中 
Application LockO: 
Application["usercount"] = (Convert.ToInt32(Application["usercount"]) + 1).ToStringO; 
Application UnLockO: 
Labell.Text = "您 是 第 " + Application["usercount"] ToStringO + "位 访客 "; 
} 


(4) 编译 并 运行 程序 ， 结 果 如 图 2-10 所 示 ， 刷 新 页 面 可 以 发 现 数字 会 增加 。 


会 六 | 疗 http://lscahest'l9 





您 是 第 10 位 访客 








2-10 Application 对 象 示例 


局 提示 





语句 Application.Add("key","value") 表 示 向 Application 的 State 集合 中 加 入 一 个 名 为 key 的 值 为 value 的 


字符 囊 ， 其 效果 和 Application("key")="value" 以 及 Application Ttem("key")="value" 相 同 。 


@ )3.5 Server 对 象 


Server 对 象 即 服务 器 对 象 ， 就 是 在 服务 器 上 工作 的 一 个 对 象 ， 它 包含 一 些 与 服务 器 相关 的 信 
息 ， 是 System.Web.HttpServerUtility 类 的 实例 。 使 用 它 可 以 获取 有 关 最 新 的 出 错 信息 ， 在 页 面 之 
间 传 递 控件 ， 对 HTML 进行 编码 和 解码 等 。 

Server 对 象 提供 了 许多 访问 的 方法 和 属性 帮助 程序 有 序 地 执行 ， 其 主要 属性 和 方法 如 表 2-6 
所 示 。 


将 是 多 阿 


尘 





实测 赴 沦 





~、 


/a \ 
[| [a | ASP.NET 4.0 动态 网 站 开发 实用 教程 


可 






将 是 皇 早 






EFFEF A 





» 


表 2-6 ”Server 对 象 的 常用 属性 和 方法 





























属性 或 方法 说 明 
MachineName 获得 服务 器 计算 机 名 称 
ScriptTimeout 获得 和 设置 请 求 超时 的 事件 
ClearError 清除 前 一 个 异常 
CreateObject 建立 一 个 COM 组 件 对 象 的 实例 
Execute 执行 指定 资源 并 返回 
GetLastError 返回 前 一 个 异常 
Transfer 结束 当前 页 执行 ， 转 到 其 他 页 执行 
HtmlEncode 进行 HTML 编码 
HtmlDecode 进行 HTML 解码 
MapPath 对 虚拟 目录 进行 物理 映射 
UrlEncode 进行 URL 编码 ， 以 便 通 过 URL 从 Web 服务 器 到 客户 端 进行 可 靠 的 HTTP 传输 
UrlDecode 进行 URL 解码 
UrlpathEncode, 对 URL 字符 串 的 路 径 部 分 进行 URL 编码 ， 并 返回 已 编码 的 字符 串 

Server 对 象 的 一 个 重要 功能 是 对 字符 进行 URL 和 HTML 的 编码 和 解码 。URL 编码 的 目的 是 


保证 所 有 浏览 器 能 够 正确 地 传输 URL 路 径 ， 一 些 特殊 字符 如 ? 、&&、/、 空 格 和 中 文字 符 等 ， 在 
传输 时 都 有 可 能 使 浏览 器 发 生 错误 。 所 以 有 必要 先 通 过 编码 再 将 其 传输 ,在 需要 使 用 时 又 通过 解 
码 将 其 还 原 。HIML 编码 的 作用 是 将 所 有 字符 全 部 转换 为 HTML 中 能 够 用 来 显示 的 字符 , 例如 ， 
<p> 如 果 直 接 显示 就 是 一 个 段落 ， 而 转换 以 后 就 会 变 成 &lt:p&gt; 浏览 时 就 可 以 正确 显示 出 <p>， 
而 不 会 发 生 错 误 。 
下 面 的 例 2-5 演示 了 Server 对 象 的 使 用 。 
【 例 2-5】 演 示 利 用 Server 对 象 获取 服务 器 信息 。 
(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 】 命 令 ， 新建 网 站 【 例 2-5】〗， 单 击 【 确 定 】 
按钮 。 
(2) 在 Defaultaspx.cs 文件 中 添加 页 面 的 Load 事件 处 理 程序 ， 代 码 如 下 : 
了 Protected void Page_Load(object sender. EventArgs e) 
{ 
Response.Wiite(" 下 面 是 利用 Server 对 象 获取 的 服务 器 信息 :"): 
Response.Write("<br> 服 务 器 名 称 : " + Server.MachineName); 
Response.Write("<br> 服 务 器 超时 时 间 : " + Server.ScriptTimeout): 
Response.Write("<br> 下 面 将 显示 一 条 水 平 线 <hr>"): 
Response.Write("<br> 下 面 将 显示 字符 "+ Server HtmlEncode(" <hr>")); 
} 


(3) 编译 并 运行 程序 ， 结 果 如 图 2-11 所 示 。 


- [人 
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http://localhost:2021/ 例 2-5/Default. aspx 
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妥 务 器 名 称 ，ZHAO 
服务 器 超时 时 间 ，30000000 
下 面 将 显示 一 条 水 平 线 





下 面 将 显示 字符 <hr> 








图 2-11 Server 对 象 示例 


人 )3.6 Session 对 象 


Session 对 象 是 System.Web.HttpSessionState 类 的 实例 ， 用 于 储存 特定 的 信息 ， 但 是 它 和 
Application 对 象 在 储存 信息 所 使 用 的 对 象 是 完全 不 同 的 。Application 对 象 储存 的 是 共享 信息 ， 而 


Session 储存 的 





是 局 部 的 ， 是 随 用 户 不 同 而 不 同 的 。 如 果 只 需要 在 不 同 页 中 共享 数据 ， 而 不 


是 需要 在 不 同 的 客户 端 之 间 共 享 数据 ， 就 可 以 使 用 Session 对 象 。 

Session 的 生命 周期 是 有 限 的 (默认 值 为 20 分 钟 ), 可 以 使 用 Timeout 属性 进行 设置 在 Session 
的 生命 周期 内 ，Session 的 值 是 有 效 的 。 如 果 用 户 在 大 于 生命 周期 的 时 间 里 没有 再 访问 应 用 程序 ， 
Session 就 会 自动 过 期 ，Session 对 象 将 会 被 CLR 释放 ， 其 中 保存 的 数据 信息 也 将 丢失 。 

Session 对 象 的 常用 属性 和 方法 如 表 2-7 所 示 。 


表 2-7 Session 对 象 的 常用 属性 和 方法 

















属性 或 方法 说 了 明 
CodePage 获得 或 设置 字符 集 标识 
Contents 获得 当前 Session 状态 对 象 的 引用 
CookieMode 获得 当前 的 Cookie 模式 ， 以 确定 系统 是 否 要 将 Session 配置 为 不 需要 Cookie 支持 
Count Session 状态 集合 的 总 数 
是 否 需 要 Cookie 支持 ， 如 果 需 要 就 可 以 将 Session ID 保存 在 Cookie 中 ， 如 果 不 需 要 就 必 
IsCookieless 
须 嵌 入 在 URL 中 
IsNewSession 标志 当前 Session 是 否 新 的 Session 
IsReadOnly 是 否 只 读 
IsSynchronized 是 否 同步 
Item 通过 索引 获得 或 者 设置 单个 Session 值 
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( 续 表 ) 
属性 或 方法 说 了 明 
Keys 获得 Session 集合 的 所 有 键 
LCD 获得 和 设置 当前 Session 的 本 地 标识 符 
Mode 获得 当前 的 Session 模式 
SessionID 获得 Session 的 唯一 编号 ， 为 了 区 别 不 同 的 会 话 ， 系 统 会 为 每 一 个 会 话 分 配 一 个 唯一 的 了 D 
StaticObjects 获得 在 Global.asax 中 以 <object Runat="Server" Scope="Session" /> 声明 的 对 象 集合 
et 获得 和 设置 会 话 超时 时 间 ， 如 果 客 户 端 在 连续 一 个 时 间 段 内 没有 反应 ， 就 自动 清除 会 话 ， 
断 开 连接 ，Timeout 就 是 这 个 时 间 段 

Add 添加 一 个 新 对 象 到 HttpApplicationState 集合 
Clear 清除 HttpApplicationState 集合 中 的 所 有 对 象 
Get 通过 索引 和 名 字 获 得 HttpApplicationState 对 象 
Abandon 清除 当前 会 话 
Copyto 复制 Session 状态 集合 到 一 个 一 维 数组 
Remove 从 HttpApplicationState 集合 删除 一 个 对 象 


RemoveAll 删除 HttpApplicationState 集合 中 的 所 有 对 象 
RemoveAt 根据 索引 删除 一 个 HttpApplicationState 对 象 
下 面 的 例 2-6 演示 了 Server 对 象 的 使 用 。 
【 例 2-6】 演 示 利 用 Server 对 象 获 取 服 务 器 信息 。 
(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 】 命 令 ， 新 建 网 站 【 例 2-6】〗， 单 击 【 确 定 】 


按钮 。 





(2) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】 中 拖 动 一 个 TextBox 控件 和 一 个 Button 
控件 到 Web 窗 体 中 ， 系 统 自动 将 其 分 别 命名 为 TextBoxl 和 Button1。 
(3) 在 Default.aspx.cs 文件 中 添加 页 面 的 Load 事件 处 理 程序 ， 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 


{ 


Response.Write(" 下 面 是 获取 到 的 Session 信息 :"); 
Response. Write("<br>SessionID: "+ Session.SessionID): 
Response.Write("<br>Session 的 数量 : " + Session.Count): 
Response Wiite("<br>Session 的 模式 : " + Session Mode): 
Response .Write("<br>Session 的 有 效 期 " + Session.Timeout); 


} 


(4) 为 按钮 控件 添加 单 击 事件 处 理 程序 ， 代 码 如 下 所 示 : 


protected void Buttonl_Click(object sender. EventArgs 日 


{ 
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Session["usermname"] = TextBoxl.Text 
Response.Redirect("Session.aspx"): 
} 


(5) 添加 一 个 名 为 Session.aspx 的 网 页 ， 在 Session.aspx.cs 的 Load 事件 处 理 程序 中 添加 如 下 
代码 : 


Protected void Page Load(object sender, EventArgs e) 
下 
让 (Session["usemame"] != null) 
{ 
Response.Write(" 通 过 Session 对 象 获取 到 的 信息 : "+Session["usemame"]); 


else 


Response.Write(" 请 在 上 一 页 的 文本 框 中 输入 用 户 名 "); 


(6) 编译 并 运行 程序 ， 结 果 如 图 2-12 所 示 ， 在 文本 框 中 输入 信息 ， 单 击 Button 按钮 ， 如 图 
2-13 所 示 。 


http://localhost:2286/ 例 2-6/Default. asp. .- 加 http://localhost:2286/ 例 2-6/Session. as, 
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下 面 是 获取 到 的 Session 信 息 ， 通过 session 对 象 获 取 到 的 信息 ， 葛 荫 茸 
SessionID， i 
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2-12 ”Session 对 象 示例 2-13 ”通过 Session 对 象 获取 信息 


@ )3.7 ViewState 对 象 


ViewState( 视 图 状态 ) 对 象 是 Page 对 象 的 一 个 属性 ， 是 状态 管理 中 常用 的 一 种 对 象 ， 可 以 用 
来 保存 页 和 控件 的 值 。 视 图 状态 是 ASPNET 页 框架 默认 情况 下 用 于 保存 往返 过 程 之 问 的 页 面 信 
息 以 及 控件 值 的 方法 。 
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一 知识 点 
视图 状态 中 存储 的 常见 数据 类 型 有 字符 串 、 整 数 、 布 尔 值 、Amray 对 象 、AmayList 对 象 、 哈 希 表 和 泛 





型 对 象 等 。 


当 呈 现 页 的 HTML 形式 时 ， 需 要 在 回 发 过 程 中 保留 的 页 的 当前 状态 和 值 将 被 序列 化 为 
Base64 编码 的 字符 串 , 并 输出 到 视图 状态 的 隐藏 字段 中 。 可 以 通过 实现 自 定义 的 PageStatePersiste 
类 存储 页 数据 ， 也 可 以 更 改 默认 行为 并 将 视图 状态 存储 到 另 一 个 位 置 ， 如 SQL Server 数据 库 。 
程序 员 可 以 通过 使 用 页 面 的 ViewState 属性 将 往返 过 程 中 的 数据 保存 到 Web 服务 器 端 , 然后 
利用 自己 的 代码 访问 视图 状态 。ViewState 属性 是 StateBag 类 的 实例 ， 它 是 一 个 包含 键 / 值 对 的 字 
典 ， 并 通过 唯一 的 键 名 来 访问 对 应 的 值 。 
使 用 ViewState 可 以 带 来 很 多 方便 ， 但 是 也 有 一 些 问题 是 需要 注意 的 。 
@ “视图 状态 提供 了 ASPNET 页 面 的 特定 状态 信息 。 如 果 需 要 在 多 个 页 上 使 用 信息 ， 或 者 
需要 在 访问 网 站 时 保留 信息 ， 则 应 当 使 用 另 一 种 方法 (如 应 用 程序 状态 、 会 话 状态 或 个 
性 化 设置 ) 来 维护 状态 。 

@ ”视图 状态 信息 将 序列 化 为 XML， 然后 进行 Base64 编码 ， 这 将 生成 大 量 的 数据 。 将 页 回 
发 到 服务 器 时 ， 如 果 视 图 状态 包含 大 量 信息 ， 则 会 影响 页 的 性 能 。 

加 ”虽然 使 用 视图 状态 可 以 保存 页 和 控件 的 值 ， 但 是 在 某 些 情况 下 ， 需 要 关闭 视图 状态 。 如 
使 用 GridView 控件 显示 数据 ， 单 击 GridView 控件 的 下 一 页 按钮 ， 此 时 ，GridView 控 
件 呈 现 的 数据 已 经 不 再 是 前 一 页 的 数据 ， 那 么 如 果 使 用 视图 状态 将 前 一 页 数据 保存 下 
来 ， 不 仅 没有 必要 而 且 还 会 生成 大 量 隐藏 字段 ， 增 大 页 面 大 小 。 

如 果 隐藏 字段 中 的 数据 量 过 大 ， 某 些 代理 的 防火 墙 将 禁止 访问 包含 这 些 数据 的 页 。 由 于 所 
允许 的 最 大 数据 量 随 所 采用 的 防火 墙 和 代理 的 不 同 而 不 同 ， 因 此 大 量 隐藏 字段 可 能 会 导致 偶发 
性 问题 。 为 了 避免 这 一 问题 ， 可 采取 以 下 措施 ， 如 果 ViewState 属性 中 存储 的 数据 量 超过 了 页 的 
MaxPageStateFieldLength 属性 中 指定 的 值 ， 该 页 会 将 视图 状态 拆 分 为 多 个 隐藏 字段 ， 可 以 使 每 个 
单独 字段 的 大 小 在 防火 墙 拒绝 的 大 小 之 下 。 

下 面 的 例 2-7 演示 了 ViewState 的 使 用 。 

【 例 2-7】ViewState 对 象 的 使 用 。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 例 2-7〗， 单 击 【 确 定 】 
按钮 。 

(2) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】〗 中 拖 动 3 个 Label 控件 、2 个 TextBox 
控件 和 2 个 Button 控件 到 Web 窗 体 中 ， 控 件 的 Text 属性 和 页 面 布局 如 图 2-14 所 示 。 


由 上 三 
Ws==3 
|_ 保 和 图 状 态 ”| 。 。 该 取 视 因 状态 


三 一 一 一 一 一 
显示 ViewState 信 息 : 




















图 2-14 页 面 布局 及 控件 的 Text 属性 
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(3) 在 Defaultaspx.cs 文件 中 添加 页 面 的 Load 事件 和 两 个 按钮 的 单 击 事件 处 理 程序 ， 代 码 


如 下 : 


Protected void Page Load(object sender, EventArgs e) 


if(!Page.IsPostBack) 
{ 
ViewState.Add("name", " 赵 艳 铎 "); 
ViewState.Add("age". 30): 
} 
} 
protected void Buttonl_Click(object sender, EventArgs 日 
{ 
让 (TextBoxl.Text (= "") 
ViewState["name"] = TextBoxl.Text 
if (TextBox2.Text {= "") 
ViewState["age"] = TextBox2.Text: 
} 
protected void Button2_Click(object sender, EventArgs ©) 
8 
Label3.Text= "ViewState 信息 如 下 :<br> 姓 名 : "“: 
Label3.Text += ViewState["name"]: 
Label3.Text += "<br> 年 龄 : "; 
Label3.Text += ViewState["age"]: 
} 


(4) 编译 并 运行 程序 ， 单 击 【 读 取 视 图 状态 】 按 钮 ， 读 取 ViewState 的 初 值 ， 如 图 2-15 所 示 ; 
输入 姓名 和 年 龄 后 ， 单 击 【保存 视图 状态 】〗 按 钮 ， 然 后 再 次 单 击 【 读 取 视 图 状态 】〗 按 钮 ， 读 取 
ViewState 的 新 值 ， 如 图 2-16 所 示 。 

http://localhost:1037/ 例 2-7/Default-aspx -.-- 若 | 古 | 攻 ] 
GO. Be uy x 

文件 四 。 名 名 E) 查看 收藏 天 Q) 工具 CT) 帮助) 
帘 安 看 http://locdhost:10.. 偷 - 回 - 喝 


http://1ocalhost:1037/ 例 2-7/Default. aspx -... 属 | 回 | 必 ] 


6© 


) ~ hs /odhost V+ x [ 


文件 叫 。” 扩 加 加 ”查看 妇 。 收 大 天仙 工具 帮助 人 
全 安 | 知 h:/aecaksstlo | 偷 - 园 - 师 - 





| 
| 


























Ce | 
EL 














图 2-15 ” 读 取 视 图 状态 的 初 什 





图 2-16 读 取 ViewState 中 的 新 值 
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Cookie 对 象 是 比较 常用 的 一 种 对 象 ， 通 常用 来 存储 少量 浏览 者 的 信息 ， 如 浏览 者 的 喜好 、 
户 名 、Email 地 址 等 信息 ， 以 便当 浏览 者 再 次 登录 网 站 时 ， 不 必 再 次 填写 这 些 信息 。 

1. Cookie 对 象 简介 

Cookie 其 实 只 是 一 些小 文本 ， 将 一 些 用 户 信息 储存 在 客户 端的 机 器 中 ， 它 全 部 存储 于 
Windows 目录 下 的 Cookie 文件 夹 中 ， 以 便于 在 每 次 请 求 时 被 服务 器 在 设 定 的 时 间 内 进行 读 取 。 
Cookie 的 大 小 是 有 限制 的 ， 一 般 浏 览 器 会 将 其 控制 在 4096 个 字 节 以 内 。 




















避 提示 
Cookie 与 网 站 关联 ， 而 不 是 与 特定 的 页 面 关联 。 因此， 无 论 用 户 请 求 站 点 中 的 哪 一 个 页 面 ， 浏 览 器 和 
服务 器 都 将 交换 Cookie 信 息 .用 户 访问 不 同 的 站 点 时 ,各 个 站 点 都 可 能 会 向 用 户 的 浏览 器 发 送 一 个 Cookie， 





浏览 器 会 分 别 存储 所 有 的 Cookie。 


使 用 Cookie 具有 如 下 优点 。 

@ “可 配置 到 期 规则 : Cookie 可 以 在 浏览 器 会 话 结束 时 到 期 或 者 可 以 在 客户 端 计算 机 上 
无 限期 存在 ， 这 取决 于 客户 端的 到 期 规则 。 

@ 不 需要 任何 服务 器 资源 ，Cookie 存储 在 客户 端 并 在 发 送 后 由 服务 器 读 取 。 

@ “简单 性 : Cookie 是 一 种 基于 文本 的 轻 量 结构 ， 包 含 简单 的 键 / 值 对 。 

@ ”数据 持久 性 : 虽然 客户 端 计算 机 上 Cookie 的 持续 时 间 取决 于 客户 端 上 的 Cookie 过 期 处 
理 和 用 户 干预 ， 但 Cookie 通常 是 客户 端 上 持续 时 间 最 长 的 数据 保留 形式 。 

2. Cookie 的 设置 与 获取 


浏览 器 向 服务 器 发 出 请 求 时， 会 随 请 求 一 起 发 送 该 服务 器 的 Cookie。ASP.NET 应 用 程序 是 
通过 使 用 Request 和 Response 对 象 的 Cookies 集合 对 象 来 读 取 和 设置 Cookie 的 。 

服务 器 不 能 直接 修改 Cookie， 如 果 要 修改 Cookie， 必 须 先 创建 一 个 具有 新 值 的 Cookie。 
例如 : 


HttpCookie cookie=new HttpCookie("name") 

上 述 代 码 创 建 了 一 个 名 为 name 的 HttpCookie 实例 。 

建立 实例 后 ， 再 为 其 赋值 。 在 一 个 Cookie 中 可 以 存储 一 个 值 ， 也 可 以 储存 多 个 值 。 通 过 设 
置 Cookie 的 Value 属性 值 ， 可 以 在 Cookie 中 储存 一 个 值 ， 代 码 如 下 : 


基 
础 
与 
实 


兰 





实测 直 痊 


Cookie Value=" 葛 萌 萌 " 


通过 Cookie 的 Values 集合 ， 可 以 在 同一 个 Cookie 中 储存 多 个 值 。 例 如 : 
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HttpCookie cookie=new HttpCookie("student"): 
Cookie Values.Add("Admin", " 赵 艳 铎 "): 
Cookie Values.Add("Memberl". "万 萌 荫 "): 
Cookie.Values.Add("Member2", "小 石头 "): 


Values 集合 的 Add 方法 中 第 一 个 参数 为 关键 字 (Key)， 第 二 个 参数 是 设置 的 值 (Value)。 

由 于 Cookie 在 用 户 计算 机 中 ， 因 此 无 法 通过 程序 将 其 直接 移 除 。 但 是 ， 可 以 让 浏览 器 来 删 
除 Cookie, 具体 做 法 是 创建 一 个 与 要 删除 的 Cookie 同名 的 新 Cookie, 并 将 该 Cookie 的 到 期 日 期 
设置 为 过 去 的 某 个 日 期 ， 当 浏览 器 检查 Cookie 的 到 期 日 期 时 ， 便 会 丢弃 这 个 已 过 期 的 Cookie。 

3. 确定 浏览 器 是 否 接受 Cookie 


浏览 器 除了 限制 Cookie 的 大 小 ， 还 限制 站 点 可 以 在 用 户 计算 机 上 存储 的 Cookie 的 数量 。 大 
多 数 浏 览 器 只 允许 每 个 站 点 存储 20 个 Cookie, 如 果 试 图 存储 更 多 的 Cookie, 则 最 早 存放 的 Cookie 
便 会 被 覆盖 掉 。 有 些 浏览 器 还 会 对 接受 的 所 有 Cookie 总 数 做 出 限制 ， 通 常 为 300 个 。 

另外 ， 用 户 还 可 以 将 浏览 器 设置 为 拒绝 接受 Cookie。 设 置 为 拒绝 接受 Cookie 后 ， 虽 然 不 能 
向 客户 端 写 入 Cookie 信息 , 但 是 不 会 引发 任何 错误 。 同样 , 浏览 器 也 不 向 服务 器 发 送 有 关 Cookie 
的 任何 信息 。 确 定 Cookie 是 否 被 接受 的 一 种 方法 是 尝试 编写 一 个 Cookie， 然 后 再 尝试 读 取 该 
Cookie。 如 果 无 法 读 取 已 编写 的 Cookie， 则 可 以 确定 浏览 器 不 接受 Cookie。 

下 面 的 例 2-8 演示 了 Cookie 的 使 用 。 

【 例 2-8】 演 示 Cookie 的 设置 与 读 取 。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 例 2-8〗， 单 击 【 确 定 】 
按钮 。 

(2) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】〗 中 拖 动 1 个 Label 控件 、1 个 TextBox 
控件 和 1 个 Button 控件 到 Web 窗 体 中 ， 控 件 的 Text 属性 和 页 面 布局 如 图 2-17 所 示 。 


FT 
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2-17 ”页 面 布局 及 控件 的 Text 属性 
(3) 在 Default.aspx.cs 文件 中 添加 页 面 的 Load 事件 和 按钮 的 单 击 事件 处 理 程序 ， 代 码 如 下 : 


protected void Page_Load(object sender. EventArgs e) 
HttpCookie cookie = Request.Cookies["user"]: 
if(cookie — nulD) 
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Labell.Text= "欢迎 进入 ASP.NET 4.0 世界 ": 
else 
Labell.Text= "欢迎 "+ cookie Value+" 进入 ASPNET 4.0 世界 ": 
} 
protected void Buttonl_Click(object sender, EventArgs 日 
和 
if (TextBoxl.Text—"") 
Labell.Text=" 请 在 下 面 的 文本 框 中 输入 用 户 名 !"; 
Tetum:; 
} 
HttpCookie cookie = Request.Cookies["user"]: 
if(cookie — nul) 
cookie = new HttpCookie("user"); 
cookie.Value=TextBox1.Text; 
cookie.Expires = DateTime.Now.AddDays(1):; 
Response.Cookies.Add(cookie): 
} 
(4) 编译 并 运行 程序 ， 初 次 访问 该 页 面 时 ， 由 于 Cookie 中 没有 值 ， 所 以 显示 效果 如 图 2-18 
所 示 。 在 文本 框 中 输入 一 个 值 ， 单 击 【 提 交 】 按 钮 ， 将 该 值 保存 到 Cookie 中 。 
(5) 按 F5 键 刷新 页 面 ， 可 以 看 到 页 面 发 生 了 变化 ， 刚 才 保存 的 Cookie 值 被 读 取出 了 ， 如 图 
2-19 所 示 。 


Cookie 合 用 - indows Internet Explorer 
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下 面 演示 从 Cooksie 雇 职 售 息 , 单 击 提交 块 钮 后 将 重新 写 入 新 的 Cools 值 下 面 演示 从 Coolsc 读 职 告 息 , 单 击 提交 旋钮 后 将 重新 写 入 新 的 Cocld 值 
欢迎 进入 ASPNET 4.0 世界 欢迎 葛 萌 荫 进入 ASPNET 4.0 世界 
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图 2-18 页 面 初始 效果 2-19 读 取 到 的 Cookie 值 


(6) 接 下 来 看 一 下 Cookie 到 底 是 怎么 保存 的 。 在 浏览 器 窗口 中 选择 【工具 】〗|【Intemet 选项 】 
命令 ， 打 开 【Intemet 选项 〗 对 话 框 ， 如 图 2-20 所 示 。 

(7) 单 击 【 浏 览 历史 记录 】 选 项 区 域 中 的 【设置 〗 按 钮 ， 打 开 【Intemet 临时 文件 和 历史 记录 
设置 〗 对 话 框 ， 如 图 2-21 所 示 。 





Internet 临时 文件 和 历史 记录 设置 


Internet 选项 
Internet 临时 文件 


ternet Explerer 存储 奖 页 、 图 二 和 由 体 的 副本 以 便 以 后 
若 要 创建 主页 选项 卡 ， 请 在 各 地 址 行 键入 地 址 @B)。 忆 浊 查看 = 
检查 所 存 网 的 入 新 版 本 : 
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当前 位 置 : 
C:\Documents and Settings\Adninistrator\Locel 
Settines\Teaporary Internet Files\ 


和 | 


历史 记录 
指定 Internet Explorer 保存 您 访问 过 网 站 列表 的 天 数 。 


网 页 保存 在 历史 记录 中 的 天 数 &K) ; 


【Intemet 临时 文件 和 历史 记录 设置 】 对 话 框 
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图 2-20 【Intemet 选项 】 对 话 框 图 2-21 


(8) 单 击 【查看 文件 】 按 钮 ， 打 开 Windows 资源 管理 器 ， 定 位 到 Cookie 存放 的 目录 ， 如 图 


2-22 所 示 ， 在 此 目录 有 很 多 文本 文件 和 一 些 图 片 文件 等 mntemet 临时 文件 。 
(9) Cookie 文件 一 般 都 是 以 cookie 打头 、 以 网 站 域名 为 结尾 的 文件 ， 如 本 例 网 站 的 Cookie 


文件 在 笔者 的 电脑 上 是 “cookie:administrator@localhost/”。 
A 
文件 中 ”编辑 于 查看 W 收藏 工具 CU) 帮助 0 
所 - 昌 -人 访 甩 过 及 xHx 国 - 


夫人 ED DC \hocwments sad Settings\Aninistrator\Locd SettingaVTwperary Internet Files ~ 国 ] # 到 
六 名 称 Internet 地 址 
9| 


Cookie adninistratorglocs 

DD cookin sdninistratorgaixin0Ol. con/ Cookie; sdninistratorAkaix. 
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cookie adninistratorGlocalhost/ 


图 2-22 打开 Cookie 存放 的 目录 





(10) 双击 Cookie 文件 ， 可 以 通过 文本 编辑 器 打开 并 查看 该 文件 ， 如 图 2-23 所 示 。 
本 adninistrator@localhost [1].txt - 记事 本 


文件 到 ) 编辑 下 ) 格式 @) 查看 人 帮助 0 
userg 议 节 前 Wlocalhost/162M8322426496 3815424002518471456381548390x 








2-23 ”查看 Cookie 文件 
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使 用 ASP.NET 配置 系统 的 功能 ， 可 以 配置 整个 服务 器 上 的 所 有 ASP.NET 应 用 程序 、 单 个 
ASP.NET 应 用 程序 和 各 个 页 面 或 应 用 程序 子 目 录 ， 也 可 以 配置 各 种 具体 的 功能 ， 如 身份 验证 模 
式 、 页 缓存 、 编 译 器 选项 、 自 定义 错误 、 调 试 和 跟踪 选项 等 。 


人 )4.1 web.config 文件 介绍 


每 一 个 Web 应 用 程序 都 包含 一 个 Web.config 配置 文件 ， 该 配置 文件 为 ASPNET 提供 了 各 
种 基础 的 设置 。 

Web.config 是 一 份 XML 文件 ， 配 置 文件 的 全 部 内 容 都 嵌 套 在 根 元 素 <configuration> 中 ， 内 
含 Web 应 用 程序 相关 设 定 的 XML 标记 ， 可 以 用 来 简化 ASPNET 应 用 程序 的 相关 设 定 。 该 文件 
位 于 Web 应 用 程序 的 任何 目录 中 ， 统 一 命名 为 Web.config， 它 决定 了 所 在 目录 及 其 子 目 录 的 配 
置信 息 ， 并 且 子 目录 下 的 配置 信息 覆盖 其 父 目录 的 配置 ， 即 子 目 录 如 果 没 有 Web.config 文件 ， 
就 是 继承 父 目录 Web.config 文件 的 相关 设 定 ， 如 果子 目录 有 Web.config 文件 ， 就 会 覆盖 父 目 录 
Web.config 文件 中 的 相关 设 定 。 在 运行 状态 下 ，ASP.NET 会 根据 远程 URL 请 求 ， 把 访问 路 径 下 
的 各 个 Web.config 配置 文件 琶 加 ， 产 生 一 个 唯一 的 配置 集合 。 

举例 来 说 ， 一 个 对 URL:http://localhost/website/ownconfig/test.aspx 的 访问 ，ASP.NET 会 根据 
以 下 顺序 来 决定 最 终 的 配置 情况 : 

(1) Microsoft.NET\Framework\{version}\WWeb.config (默认 配置 文件 ) 

(2) \webapp\Web.config( 应 用 的 配置 ) 

(3) webapp\ownconfig\Web.config( 自 己 的 配置 ) 


1. 配置 文件 的 语法 规则 
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Web.config 的 全 部 内 容 都 被 置 于 标记 <configuration> 和 </configuration> 之 间 。 在 该 文件 中 ， 
XML 标记 的 属性 就 是 设 定 值 ， 标 记名 称 和 属性 值 格式 是 字符 串 ， 第 一 个 单词 开头 字母 是 小 写 ， 
之 后 每 一 个 单词 的 首 字 母 大 写 ， 例 如 <appSetting>。Web 配置 文件 的 示例 如 下 所 示 : 

<configuration> 

<appSettings> 
<add key="dbType" value="Access Database"/> 
</appSettings> 
<connectionsStrings> 
<add name="provider" connectionStrine="Microsoft.Jet. OLEDB.4.0:"/> 
<add name="database" connectionString="/chart7/Exam.mdb"/> 
</connectionsStrings> 
<system.web> 
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<sessionState cookieless="false" timeout="10"/> 

<compilation defaultLanguage="C#" debug="true"/> 

<globalization fileEncodine="gb2312" requestEncoding="gb2312" culture= "zh-CN"/> 
<customErrors mode="RemoteOnly"/> 


</system.web> 
</configuration> 


可 以 看 到 ， 这 段 配置 信息 是 一 个 基于 XML 格式 的 文件 ， 根 标记 是 <configuration>， 所 有 的 配置 信 
息 均 被 包含 在 <configuration> 及 </configuration> 标 记 中 ， 其 子 标记 <appSettings>、<connectionsStrings> 和 
<system web> 是 各 设 定 区 段 。 在 <system web> 下 的 设 定 区 段 属 于 ASPNET 相关 设 定 。 

在 Web 配置 文件 的 <appSettings> 区 段 可 以 创建 ASPNET 程序 所 需要 的 参数 ， 每 个 <add> 标 记 可 
以 创建 一 个 参数 , 属性 key 是 参数 名 称 , value 是 参数 值 。 ASPNET 2.0 以 后 新 增 了 <connectionStrings> 
区 段 , 可 以 指定 数据 库 连 接 字 符 串 ,在 <connectionStrings> 标 记 的 <add> 子 标记 也 可 以 创建 连接 字符 串 ， 
属性 name 是 名 称 ，connectionStrings 是 连接 字符 串 的 内 容 。 





2. 常用 区 段 标记 


Web.config 文件 的 常用 区 段 标记 如 表 2-8 所 示 。 


表 2-8 常用 设 定 区 段 标记 说 明 




















设 定 区 段 说 明 
<AnonymousIdentification> 控制 Web 应 用 程序 的 匿名 用 户 
<Authentication> 设 定 ASP.NET 的 验证 方式 
<Authorization> 设 定 ASPNET 用 户 授权 
<BrowserCap 设 定 浏览 程序 兼容 组 件 HtpBrowserCapabilities 
<Compilation> 设 定 ASPNET 应 用 程序 的 编译 方式 
<CustomErrors> 设 定 ASP.NET 应 用 程序 的 自动 错误 处 理 
<Globalizations> 关于 ASPNET 应 用 程序 的 全 球 化 设 定 ， 也 就 是 本 地 化 设 定 
<HttpHandlers> 设 定 HTTP 处 理 是 对 应 到 URL 请 求 的 HttpHandler 类 
<HttpModules> 创建 删除 或 清除 ASPNET 应 用 程序 的 HTTP 模块 

设 定 ASPNET HTTP 运行 时 的 配置 ， 这 些 配置 决定 如 何 处 理 对 ASPNET 应 用 

<HttpRuntime> 程序 的 请 求 
<MachineKey> 设 定 在 使 用 窗 体 基础 验证 的 Cookie 数据 时 ， 用 来 加 码 和 解码 的 金 钥匙 
<Membership> 设 定 ASPNET 的 Membership 机 制 
<Pages> 设 定 ASP.NET 程序 的 相关 设 定 ， 即 Page 指引 命令 的 属性 
<Profile> 设 定 个 人 化 信息 的 Profile 对 象 
<Roles> 设 定 ASP.NET 的 角色 管理 
<SessionState> 设 定 ASP.NET 应 用 程序 的 Session 状态 HtpModule 


覃 
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( 续 表 ) 










设 定 ASPNET 网 站 导航 系统 
设 定 ASPNET 应 用 程序 的 网 页 组 件 
设 定 ASPNET 的 Web 服务 









<WebParts> 





<WebServices> 


3. 在 Web.config 文件 中 添加 用 户 自 定义 变量 


在 Web 配置 文件 的 <appSettings> 区 段 通过 <add> 标 记 创建 的 参数 ， 在 程序 中 可 以 使 用 
System.Web.Configuration 命名 空间 的 WebConfigurationManager 类 来 获取 。 
【 例 2-9】 读 取 Web.config 中 的 用 户 变量 。 
(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 】 命 令 ， 新 建 网 站 【 例 2-9】〗】， 单 击 【确定 】 





按钮 。 
< 管 : (2) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】 中 拖 动 1 个 Label 控件 到 Web 窗 体 中 。 
Es (3) 打开 Web.config 文件 ， 在 <appSettings> 配 置 子 节点 中 添加 一 个 变量 ， 代 码 如 下 : 

<appSettings> 

<add key="MyName" value=" 葛 萌 萌 "/> 
</appSettings> 
有 (4) 在 Default.aspx.cs 中 添加 页 面 的 Load 事件 处 理 程序 ， 代 码 如 下 : 
要 Protected void Page Load(object sender. EventArgs €) 
材 { 
Labell.Text= "变量 Name 的 值 为 : "+ WebConfigurationManager.AppSettings["MyName"]: 
) 

吕 提示 





在 添加 上 述 代码 之 前 ， 需 要 先导 入 所 需 的 命名 空间 : Using System.Web.Configuration 。 


(5) 编译 并 运行 程序 ， 显 示 效 果 如 图 2-24 所 示 。 


http://1localhost: 1714/ 例 2-9/Defau 


GO- Be + x [E 
文件 人 久 辑 人 E) 查看 WD 收藏 天 ) 工具 I) 和 助 00 
宽 益生 http:/mocanostlT。 从 -加 - 咒 - 四 ID- 





读 取 web.config 文 件 中 的 用 户 自 定义 变量 值 
变量 Name 的 值 为 ， 葛 戎 荫 








图 2-24 页 面 运行 效果 
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4. 在 sessionState 区 段 设置 Session 状态 


ASPNET 的 Session 状态 管理 拥有 扩展 性 , 可 以 在 Web.config 文件 的 <sessionState> 区 段 设 定 
Session 状态 管理 ， 该 区 段 属于 <system .web> 子 标记 。 
<sessionState> 区 段 的 常用 属性 如 表 2-9 所 示 。 


表 2-9 <sessionState> 区 段 的 常用 属性 

















属 性 说 明 
ee Session 状态 存储 的 模式 ， 可 以 是 of 不 存储 )、InProc( 使 用 Cookie)、StateServer( 使 用 状态 服务 器 ) 
和 SqlServer( 存 储 在 SQL Server 中 ) 
cookieless “| 是 否 使 用 Cookie 存储 Session 状态 。Tme 表示 不 使 用 ，False 表示 使 用 
timeout Session 时 间 的 期 限 ， 以 分 钟 计 ， 默 认为 20 分 钟 ， 与 Session 对 象 的 TimeOnut 属性 功能 相同 


& )4.2 Global.asax 文件 介绍 


Globalasax 文件 是 Web 应 用 程序 的 系统 文件 ， 属 于 选项 文件 ， 可 有 可 无 。 当 需要 使 用 
Application 和 Session 对 象 的 事件 处 理 程序 时 ， 就 需要 创建 此 文件 。 

另外 ， 由 于 Globalasax 在 网 络 应 用 程序 中 的 特殊 地 位 ， 它 被 存放 的 位 置 也 是 固定 的 ， 必 须 
存放 在 当前 应 用 所 在 的 虚拟 目录 的 根 目录 下 。 如 果 放 在 虚拟 目录 的 子 目录 中 ，Globalasax 文件 将 
不 会 起 任何 作用 。 


知识 点 
作为 网 络 应 用 程序 ， 程 序 在 执行 之 前 有 时 需要 初始 化 一 些 重要 的 变量 ， 而 且 这些 工 作 必 须 在 所 有 程序 





执行 之 前 完成 ， Globalasax 文件 便 是 为 此 目的 而 设计 的 。 


Global.asax 是 ASP.NET 应 用 程序 的 “全 局 应 用 程序 类 ”， 该 文件 是 应 用 程序 用 来 保持 应 用 
程序 级 的 事件 、 对 象 和 变量 的 。 一 个 ASPNET 应 用 程序 只 能 有 一 个 Globalasax 文件 。 
按照 VWD 模板 添加 的 Globalasax 如 下 所 示 。 


<%@ Application Language="C#"%> 
‘<script runat="server"> 
void Application Start(object sender.EventArgs e) 
{ 
// 在 应 用 程序 启动 时 运行 的 代码 
} 
void Application End(object sender. EventArgs e) 
上 
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// 在 应 用 程序 关闭 时 运行 的 代码 
} 
void Application Error(object sender. EventArgs e) 
{ 
// 在 出 现 未 处 理 的 错误 时 运行 的 代码 
} 
Void Session Start(object sender, EventArgs €) 
// 在 新 会 话 启动 时 运行 的 代码 
} 
<lscrip> 
在 窗 体 页 中 ， 只 能 处 理 单个 页 面 的 事件 ， 而 在 Global.asax 文件 中 则 可 以 处 理 整个 应 用 程序 
中 的 事件 。 除 了 上 述 代 码 模板 中 列举 的 事件 ， 在 Globalasax 文件 中 还 可 以 加 入 其 他 事件 的 处 理 
函数 。 如 表 2-9 所 示 列 出 了 可 以 在 Global.asax 中 处 理 的 事件 。 
表 2-9 可 在 Global.asax 中 处 理 的 事件 
事 件 说 阴 
Application_AuthenticateRequest| 每 个 请 求 都 会 触发 该 事件 ， 并 且 可 以 在 此 函数 中 设置 自 定义 的 验证 
虽然 在 VWD 的 代码 模板 中 没有 该 事件 的 处 理 , 不 过 可 以 在 Global.asax 中 添加 。 
该 事件 是 在 每 个 请 求 到 达 服 务 器 后 且 在 处 理 该 请 求 前 触发 


鸣 


基 
础 
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Application BeginRequest 


尝 





教 二 应 用 程序 关闭 时 触发 该 事件 。 该 函数 很 少 使 用 ， 因 为 ASPNET 可 以 很 好 地 关 
材 Application End 
系 闭 和 清除 内 存 对 象 
列 在 应 用 程序 中 抛 出 任何 错误 时 都 会 触发 该 事件 。 通常 在 此 函数 中 提供 应 用 程序 
Application Error 
级 的 错误 处 理 或 者 记录 错误 事件 
在 应 用 程序 接收 到 第 一 个 请 求 时 调用 , 通常 在 此 函数 中 定义 应 用 程序 级 变量 或 
Application Start 
状态 
Session_Start 类 似 于 Application_Start， 不 过 是 针对 每 个 客户 端 第 一 次 访问 应 用 程序 时 调用 
Session End 以 进程 内 模式 使 用 会 话 状态 时 ， 如 果 用 户 离开 应 用 程序 将 会 触发 该 事件 


与 页 面 指令 一 样 ，Global.asax 文件 也 可 以 使 用 应 用 程序 指令 , 这 些 指令 都 可 以 包含 特定 于 该 
指令 的 一 个 或 多 个 属性 / 值 对 。 下 面 列 出 了 ASP.NET 中 支持 的 应 用 程序 指令 。 
@ @Application: 定义 ASPNET 应 用 程序 编译 器 所 使 用 的 应 用 程序 特定 的 属性 。 该 指令 
只 能 在 Globalasax 文件 中 使 用 。 
昌 ”@Import 显 式 将 命名 空间 导入 到 应 用 程序 中 。 
加 @Assembly: 在 分 析 时 将 程序 集 链接 到 应 用 程序 。 
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@@; 上 机 练习 


本 章 的 上 机 练习 将 演示 Global.asax 文件 的 使 用 ， 同 时 回顾 前 面 介 绍 的 内 置 对 象 的 使 用 。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【上 机 练习 2〗， 单 击 
【 确定】 按钮 。 

(2) 在 Globalasax 文件 中 添加 如 下 代码 : 


<script runat="server"> 

void Application Start(object sender, EventArgs e) 

人 
/ 在 应 用 程序 启动 时 运行 的 代码 
Application["info"] = "Application 开始 ...<br/>" 

} 

void Application End(object sender, EventArgs ¢) 

Hl 


KS 


// 在 应 用 程序 关闭 时 运行 的 代码 
} 
void Application Error(object sender, EventArgs e) 






// 在 出 现 未 处 理 的 错误 时 运行 的 代码 
} 






将 米 鑫 阿 


void Session Start(object sender, EventArgs e) 训 
fl 教 
// 在 新 会 话 启动 时 运行 的 代码 各 
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Response Write(Application["info"].ToStringO); 
Application["info"] =";// 清 空 Application 变量 
Response.Write("Session 开始 .<br/>"): 
2 Session End(object sender. EventArgs e) 
: Application["info"] = "Session 结束 .….<br/>"; 
Application BeginRequest(object sender, EventArgs 日 
, Response Wiite("Request 开始 .…<br/>"): 
2 Application EndRequest(object sender, EventArgs e) 
Response .Wiite("Request 结束 .…<br/>"): 
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(3) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】〗 中 拖 动 两 个 Button 控件 到 Web 窗 体 
中 ， 其 Text 属性 分 别 为 “刷新 ”和 “结束 会 话 ”。 
(4) 在 Default.aspx 页 面 的 <body> 标 记 中 添加 如 下 代码 : 


<body> 
页 面 内 容 … 
(<% 应 (Session ISNewSession) 
Response .Write(" 新 的 Session 时 间 "); 
else 
Response.Write(" 同 一 个 Session 时 间 "); 
%>) 
<form id="form1" runat="server"> 
<div> 
<asp:Button ID="Button1" runat="server" Text=" 刷 新 " onclick="Buttonl_Click" />&nbsp; 
<asp:Button ID="Button2" runat="server" Text=" 结 束 会 话 " onclick="Button2_Click" /> 
</div> 
</form> 
<body> 


(5) 在 Default.aspx.cs 中 添加 页 面 的 Load 事件 和 两 个 按钮 的 单 击 事件 处 理 程序 , 代码 如 下 : 


Protected void Page_Load(object sender, EventArgs e) 
Response.Write(" 加 载 页 面 .<br/>"); 
} 
protected void Buttonl_Click(object sender, EventArgs 日 
{ 
Response.Write(" 刷 新 页 面 ...<br/>"); 
} 
protected void Button2_Click(object sender, EventArgs e) 
{ 
Session.Abandon():// 结 束 Session 
Response.Redirect("Default.aspx"): 
} 
(6) 编译 并 运行 程序 ， 启 动 默 认 浏览 器 打开 Default.aspx 文件 ， 效 果 如 图 2-25 所 示 。 从 运行 
结果 可 以 看 出 事件 处 理 程序 的 执行 顺序 。 
(7) 单 击 【刷新 按钮 , 由 于 此 时 Session 尚未 结束 , 所 以 页 面 内 容 显 示 的 是 “同一 个 Session 
时 间 ...”， 如 图 2-26 所 示 。 
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图 2-25 页 面 初次 加 载 效果 图 2-26 刷新 页 
(8) 单 击 【结束 会 话 】 按 钮 ， 因 为 需要 在 程序 中 以 Abandon() 方 法 强制 结束 Session 事件 ， 
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图 2-27 结束 会 话 重新 加 载 页 面 


@@. 习题 


1. App_Data 目录 主要 存放 什么 文件 ? 

2. App_Code 目录 和 bin 目录 有 什么 区 别 ? 

3. 简 述 加 载 页 面 时 ，Page 类 各 事件 的 发 生 顺序 。 

4. 新 建 一 个 网 站 ， 通 过 Application 对 象 统计 网 站 的 访问 人 数 。 

5. 新 建 一 个 ASPNET 页 面 ， 分 别 使 用 Response Redirect0 和 Server.Transfer0 方 法 跳 转 到 清 
华 大 学 出 版 社 的 网 站 : http://www.tup.com.cn。 

6. 对 于 HTML 表单 ， 使 用 Get 方法 或 Post 方法 提交 数据 有 什么 区 别 ? 

7. 新 建 一 个 ASPNET 页 面 ， 使 用 Request 对 象 的 Browser 属性 来 获取 客户 端 浏 览 器 信息 ， 


包括 浏览 器 类 型 、 浏 览 器 版 本 信息 、 浏 览 器 使 用 的 平台 等 。 

8. 新 建 一 个 ASPNET 页 面 ， 使 用 Server 对 象 获 取 服 务 器 端的 信息 ， 包 括 服 务 器 名 称 、 超 时 
时 间 和 文件 的 物理 路 径 等 。 

9. Web.config 文件 是 什么 格式 的 ? 该 配置 文件 包含 哪些 配置 的 设置 。 

10. Global.asax 文件 的 作用 是 什么 ? 
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ASP.NET 服务器 控件 


ASPNET 服务 器 控件 是 ASP.NET 网 页 上 的 对 象 。 使 用 ASP.NET 服务 器 控件 ， 可 以 大 大 减 
少 开 发 Web 应 用 程序 所 需 编 写 的 代码 量 , 提高 开发 效率 和 Web 应 用 程序 的 性 能 。 ASP.NET 服务 
器 控件 的 体系 结构 已 经 完全 集成 到 了 ASPNET 中 , 为 用 户 提 供 了 一 个 构建 Web 站 点 的 技术 中 相 
当 独 特 的 功能 集 。 本 章 将 介绍 这 些 服务 器 控件 的 基本 用 法 以 及 不 同类 别 控件 的 功能 。 这 些 控件 在 
每 个 ASPNET 应 用 程序 中 都 会 用 到 。 因 此 ， 了 解 工具 箱 中 有 哪些 控件 可 用 、 它 们 各 自 的 用 途 、 
它们 的 工作 原理 以 及 它们 如 何 维持 自身 状态 非常 关键 。 


(、 本 章 重点 


ASPNET 服务 器 控件 的 概念 和 工作 原理 
服务 器 控件 的 基 类 和 常用 事件 

列表 控件 的 使 用 

各 种 验证 控件 的 功能 和 用 法 

使 用 ASPNET 的 导航 控件 

使 用 登录 控件 

如 何 创建 和 使 用 用 户 控件 

ASP.NET 状态 引擎 


1 ASP.NET 服务 器 控件 概述 


ASP.NET 服务 器 控件 是 ASP.NET 的 重要 组 成 部 分 。 在 VWD 中 构建 的 几乎 所 有 页 面 都 包含 
-个 或 多 个 服务 器 控件 。 这 些 控件 可 分 为 不 同 的 类 型 有 Button 和 Label 这 样 的 简单 控件 ， 也 有 
复杂 的 控件 ， 如 可 以 显示 数据 源 中 数据 的 控件 TreeView 和 GridView。 
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ASP.NET 服务 器 控件 是 服务 器 端 ASPNET 网 页 上 的 对 象 , 当 用 户 通 过 浏览 器 请 求 ASP.NET 
网 页 时 ， 这 些 控件 将 运行 并 把 生成 的 标准 的 HIML 文件 发 送 给 客户 端 浏 览 器 来 呈现 。 

在 ASPNET 页 面 上 ， 服 务 器 控件 表现 为 一 个 标记 ， 例 如 <asp:TextBox… 人 >。 这 些 标记 不 是 标 
准 的 HTML 元 素 ， 因 此 如 果 它 们 出 现在 网 页 上 ， 浏 览 器 将 无 法 识别 它们 ， 然 而 ， 当 从 Web 服务 
器 上 请 求 一 个 ASPNET 页 面 时 ， 这 些 标记 都 将 动态 地 转换 为 HTML 元 素 。 


G )1.1 服务 器 控件 类 


大 多 数 Web 服务 器 控件 类 都 派生 于 System.Web.UI.WebControls.WebControl 类 , 而 WebControl 
类 又 从 System.Web.UIControl 类 派生 而 来 。 

System.Web.UI.WebControls 命名 空间 中 的 服务 器 控件 可 分 为 以 下 两 类 。 

@ ”Web 控件 : 用 来 构建 与 用 户 进行 交互 的 页 面 。 这 类 控件 包括 常用 的 按钮 控件 、 文 本 框 
控件 、 复 选 框 控件 以 及 用 户 自 定义 控件 等 ， 使 用 这 些 控件 可 以 创建 与 用 户 交 互 的 接口 。 

@ “数据 绑 定 控件 : 用 来 实现 数据 的 绑 定 与 显示 。 这 类 控件 包括 广告 控件 、 表 格 控件 以 及 用 
于 导航 的 菜单 控件 和 树 形 控件 等 。 

1. 基本 属性 


WebControl 类 是 用 作 定义 System.Web.ULWebControls 命名 空间 中 的 所 有 控件 的 公共 方法 、 
属性 和 事件 的 基 类 , 其 中 定义 了 一 些 可 以 应 用 于 几乎 所 有 服务 器 控件 的 基本 属性 , 如 表 3-1 所 示 。 


表 3-1 WebControl 类 的 基本 属性 


属 性 说 了 明 
AccessKey 允许 设置 一 个 键 ， 使 用 这 个 键 ， 就 可 以 按 关 联 的 字母 键 在 客户 端 访 问 控件 
BackColor 获取 或 设置 Web 服务 器 控件 的 背景 色 


BorderColor 获取 或 设置 Web 服务 器 控件 的 边框 颜色 


BorderStyle 获取 或 设置 Web 服务 器 控件 的 边框 样式 
BorderWidth 获取 或 设置 Web 服务 器 控件 的 边框 宽度 




















CssClass 获取 或 设置 Web 服务 器 控件 在 客户 端 呈现 的 级 联 样式 表 (CSS) 类 

Enabled 获取 或 设置 是 否 启用 Web 服务 器 控件 ， 默 认 值 为 True 

EnableTheming | 获取 或 设置 是 否 对 Web 服务 器 控件 应 用 主题 

Font 获取 或 设置 Web 服务 器 控件 关联 的 字体 属性 

ForeColor 获取 或 设置 Web 服务 器 控件 的 前 景色 ， 通 常 为 文本 颜色 

Height 获取 或 设置 Web 服务 器 控件 的 高 度 

D 获取 或 设置 Web 服务 器 控件 的 编号 标识 符 

SkinID 获取 或 设置 应 用 于 Web 服务 器 控件 的 外 观 

Style 获取 或 设置 将 在 Web 服务 器 控件 的 外 部 标记 上 呈现 的 样式 属性 的 文本 属性 的 集合 
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( 续 表 ) 
属 性 说 了 明 
TabIndex, | 设置 客户 端 HTML tabindex 特性 ， 确 定 用 户 按 Tab 键 时 焦点 沿 着 页 面 中 控件 移动 的 顺序 








允许 设置 浏览 器 中 控件 的 工具 提示 。 这 个 工具 提示 在 HIML 中 被 呈现 为 title 特性 , 当 用 户 把 
鼠标 悬 停 在 相关 的 HTML 元 素 上 时 就 会 显示 出 来 


ToolTip 





Visible 获取 或 设置 Web 服务 器 控件 是 否 作为 UI 呈现 在 页 面 上 
Runat | 该 属性 设置 为 Server 时 ， 表 示 该 控件 是 一 个 服务 器 控件 


Width 获取 或 设置 Web 服务 器 控件 的 宽度 


2. 颜色 与 字体 


在 NET 框架 中 ，System.Drawing 命名 空间 提供 了 一 个 Color 对 象 ， 使 用 该 对 象 可 以 设置 控 
件 的 颜色 属性 。 创 建 颜色 的 方式 有 以 下 3 种 。 

@ ”使 用 ARGB(alphaxred,green.blue) 颜 色 值 : 可 以 为 每 个 值 指定 一 个 0-255 之 间 的 整数 。 其 
中 , alpha 表示 颜色 的 透明 度 , 当 alpha 为 255 时 , 表示 完全 不 透明 ; red 表示 红色 ; green 
表示 绿色 ; blue 表示 蓝 色 。 

@ ”使 用 颜色 的 枚 举 值 ， 可 供 使 用 的 颜色 有 140 个 。 

@ ”使 用 HTML 颜色 名 : 可 以 使 用 ColorTranslator 类 把 字符 串 转 换 为 颜色 值 。 

例如 ， 下 面 的 代码 都 是 设置 控件 Buttonl 控件 的 颜色 : 








Button1.BackColor = Color FromArgb(255.0.255.127): 
Button1.BackColor = Color.DarkGreen:; 
Button1.BackColor = ColorTranslator.FromHtml("Green'"): 


控件 的 字体 属性 依赖 于 System.Web.ULWebControls 命名 空间 中 的 FontInfo 对 象 。 该 对 象 提 

供 的 属性 如 表 3-2 所 示 。 
表 3-2 Fontinfo 对 象 的 属性 
说 了 明 

指明 字体 的 名 称 ， 如 Arial 
指明 一 系列 字体 ， 浏 览 器 会 首先 选用 第 一 个 去 匹配 用 户 安装 的 字体 
Size 字体 的 大 小 ， 可 以 设置 为 相对 值 或 者 真实 值 
Bold、Italic、Strikeout、| 布尔 属性 ， 用 来 设置 是 否 应 用 给 定 的 样式 特征 。Bold 是 粗 体 ，Italic 为 斜体 ，Strikeout 
Underline、Overline 为 中 划 线 ，Underline 为 下 划 线 ，Overline 为 上 划 线 











3. 服务 器 控件 的 事件 


在 ASP.NET 页 面 中 ,用户 与 服务 器 的 交互 是 通过 Web 控件 的 事件 来 完成 的 。 例如 ， 当 单 击 
-个 按钮 时 ， 就 会 触发 按钮 的 单 击 事件 ， 程 序 员 只 需 在 该 单 击 事件 处 理 程序 中 提供 相应 的 代码 ， 
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即 可 对 用 户 的 单 击 行为 作出 响应 。 

Web 控件 的 事件 工作 方式 与 传统 的 HTML 标记 的 客户 端 事件 工作 方式 有 所 不 同 ， 这 是 因为 
HTML 标记 的 客户 端 事件 是 在 客户 端 触发 并 处 理 的 , 而 ASP.NET 中 的 Web 控件 的 事件 虽然 也 是 
在 客户 端 触发 ， 但 却 是 在 服务 器 端 处 理 的 。 

Web 控件 的 事件 模型 为 : 客户 端 捕捉 到 事件 信息 ,接着 通过 HTTP POST 将 事件 信息 发 送 到 
服务 器 ， 而 且 页 面 框架 必须 解释 该 POST 以 确定 所 发 生 的 事件 ， 然 后 在 要 处 理 该 事件 的 服务 器 上 
调用 代码 中 的 相应 方法 。 

基于 以 上 事件 模型 为 ，Web 控件 事件 可 能 会 影响 到 页 面 的 性 能 ， 因 此 ，Web 控件 仅仅 提供 
有 限 的 一 组 事件 ， 如 表 3-3 所 示 。 


表 3-3 Web 控件 的 事件 


a 输入 焦点 变化 
SelectedIndexChanged DropDownList、ListBox、CheckBoxList、RadioButtonList | 选择 项 变化 





Web 控件 通常 不 再 支持 经 常 发 生 的 事件 ， 如 OnMouseOver 事件 等 ， 因 为 如 果 在 服务 器 端 处 
理 这 些 事件 ， 就 会 浪费 大 量 的 资源 ， 但 Web 控件 仍然 可 以 为 这 些 事件 调用 客户 端 处 理 程 序 。 此 
外 , 控件 和 页 面 本 身 在 每 个 处 理 步骤 都 会 触发 生命 周期 事件 , 如 Init 事件 、Load 事件 和 PreRender 
事件 ， 在 应 用 程序 中 可 以 使 用 这 些 生命 周期 事件 。 

所 有 的 Web 事件 处 理 函数 都 包括 两 个 参数 : 第 一 个 参数 表示 触发 事件 的 对 象 ， 第 二 个 参数 
表示 包含 该 事件 特定 信息 的 事件 对 象 ， 通 常 是 EventArgs 类 型 ， 或 EventArgs 类 型 的 子 类 型 。 例 
如 ， 按 钮 控件 的 单 击 事件 处 理 程序 ， 其 代码 形式 如 下 : 

protected void Buttonl_Click(object sender, EventArgs 日 

‘ 

// 在 此 添加 处 理 程序 

} 


4. 事件 的 绑 定 


在 处 理 Web 控件 时 ， 经 常 需要 把 事件 绑 定 到 事件 处 理 程序 。 将 事件 绑 定 到 事件 处 理 程序 的 
方法 有 如 下 两 种 。 

(1) 在 ASPNET 页 面 中 ， 在 声明 控件 时 ， 指 定 该 控件 的 事件 对 应 的 事件 处 理 程序 。 例 如 ， 
把 一 个 Button 控件 的 Click 事件 绑 定 到 名 为 MyClick 的 方法 ， 代 码 如 下 : 

<asp:Button ID="Buttonl" rnat="server" Text="Button" OnClick="MyClick" /> 


(2) 如 果 控 件 是 动态 创建 的 ， 则 需要 通过 编写 代码 动态 地 将 事件 绑 定 到 方法 ， 例 如 : 


SS 


er 


Button myBtn = new Button("Button1"); 


， 出 现 ， 如 上 面 的 onclick. 


G )1.2 使 用 服务 器 控件 


在 构建 ASP.NET Web 页 面 时 会 用 到 大 量 的 服务 器 控件 ， 因 此 需要 详细 了 解 它们 的 工作 原理 
以 及 如 何 使 用 它们 。 在 ASPNET 中 ，Web 控件 具有 特殊 的 格式 ， 总 是 以 asp: 前 级 开始 ， 后 跟 控 
件 类 的 类 名 。 如 果 该 Web 控件 不 需要 一 个 关闭 标记 ， 则 Web 控件 的 标记 必须 以 /> 结束 。 

在 前 面 的 学 习 中 ,已 经 使 用 过 Label、Button 和 TextBox 控件 ， 要 向 页 面 中 添加 服务 器 控件 ， 
只 需 简单 地 从 工具 箱 中 拖 动 相 应 的 控件 到 设计 视图 中 即 可 。 

下 面 通 过 一 个 具体 的 实例 来 看 一 下 服务 器 控件 的 工作 原理 。 

【 例 3-1】 使 用 服务 器 控件 。 在 本 例 中 ， 将 向 页 面 添加 一 个 TextBox 控件 、 一 个 Label 控件 

和 一 个 Button 控件 。 当 客户 端 浏览 器 请 求 该 页 面 时 ， 会 将 这 些 服务 器 控件 转换 为 HTML， 然 后 
再 发 送 HTML 给 客户 端 。 如 果 在 浏览 器 中 查看 页 面 的 最 终 HTML， 就 能 发 现 这 些 HTML 完全 不 
同 于 初始 的 ASPNET 标记 。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 例 3-1〗， 单 击 【 确 定 】 
按钮 。 

(2) 打开 Default.aspx 文件 的 【设计 视图 , 从 【工具 箱 】 中 拖 动 4 个 Label 控件 .4 个 TextBox 
控件 和 两 个 Button 控件 到 Web 窗 体 中 ， 控 件 的 Text 属性 和 布局 如 图 3-1 所 示 。 

(3) 选中 TextBox2 控件 ， 在 【属性 】 窗 口中 设置 其 ReadOnly 属性 为 True， 如 图 3-2 所 示 。 


1 1 
! 在 以 定义 的 方式 把 事件 绑 定 到 事件 处 理 程序 时 ， 在 控件 定义 标记 中 都 以 On 开头 跟着 事件 名 称 的 形式 1 
1 
和 








Ll 
下 面 是 克隆 区 域 


本 JE 
| 
下 面 是 登录 区 域 


姓名 ， 
密码 : 
| 痘 录 | 








图 3-1 窗 体 中 的 控件 布局 3-2 设置 TextBox2 的 ReadOnly 属性 
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(4) 双击 【克隆 】〗 按 钮 ， 添 加 按钮 的 单 击 事件 处 理 程序 ， 代 码 如 下 : 


Protected void Button1 Click(object sender, EventArgs e) 
S 
TextBox2.Text = Server.HtmlDecode(Server.HtmlEncode(TextBox]1.Text)): 


} 


(5) TextBox4 在 此 是 作为 密码 输入 框 的 ， 所 以 需要 设置 其 TextMode 属性 为 Password， 如 图 
3.3 所 示 。 


TertBez4 Systen Web UT WebContrels Texthox 





图 3-3 设置 密码 框 属性 
(6) 在 设计 视图 中 ， 双 击 【 登 录 】〗 按 钮 控件 ， 添 加 控件 的 Click 事件 的 处 理 方法 ， 代 码 如 下 : 


protected void Button2_Click(object sender. EventArgs ©) 
上 
让 (TextBox3.Text 一 "" | TextBox4.Text =— "") 
{ 
string info = "alert\" 请 输入 姓名 和 密码 ! \"); "; 
Page.ClientScript. RegisterClientScriptBlock(this.GetTypeO."waming", info, true): 


一 


~ 


Response.Redirect(string. Format("login.aspx?user={0}&password={1}". 
TextBox3.Text, TextBox4.Text)): 


} 


(7) 这 段 代码 中 ， 首 先 检 查 TextBox3 和 TextBox4 中 的 内 容 是 否 为 空 ， 若 为 空 ， 则 通过 alert 
语句 弹出 对 话 框 ， 提 示 用 户 输入 姓名 和 密码 ; 若 不 为 空 ， 则 将 控件 中 的 数据 作为 参数 传 给 
login.aspx 页 面 。 所 以 接 下 来 还 需 添 加 login.aspx 页 面 。 

(8) 在 【解决 方案 资源 管理 器 〗 窗 口中 ， 右 击 【 例 3-1】 解决 方案 ， 从 弹出 的 快捷 菜单 中 选择 

【添加 新 项 】〗 命 令 ， 在 打开 的 【添加 新 项 】〗 对 话 框 中 选择 【Web 窗 体 】， 在 【名 称 】〗 文 本 框 中 输 
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入 文件 名 login.aspx， 然 后 单 击 【 添 加 】〗 按 钮 。 
(9) 在 login.aspx 页 面 的 Load 事件 中 添加 如 下 代码 : 


protected void Page Load(object sender. EventArgs e) 

下 
Response.Write(" 欢 迎 你 ，"); 
Response.Write(Request.QueryString["user"].ToStringO): 
Response.Write("<br/> 请 牢记 你 的 密码 :"): 
Response.Write(Request.QueryString["password"].ToStringO): 

} 


(10) 编译 并 运行 程序 ， 在 浏览 器 中 加 载 页 面 Default.aspx， 如 图 3-4 所 示 ， 如 果 试 图 向 【 克 
隆 内 容 〗 文 本 框 中 输入 信息 会 发 现 无 法 输入 ， 因 为 已 将 该 文本 框 设 置 为 只 读 。 

(11) 在 【原始 内 容 〗 文 本 框 中 输入 一 些 信息 ， 单 击 【 克 隆 】〗 按 钮 ， 将 把 【原始 内 容 】 文 本 
框 中 的 内 容 克 隆 到 【克隆 内 容 】〗 文 本 框 中 ， 如 图 3-5 所 示 。 


yi [=] [C3| 
GO- 疙 http://locdhost::Y t+ X | 这 入 
文件 四 六 大 到 ) 站 看 中 收 次 兴亡) 工具 了 帮助 


妆 宙 的 xeyaaauaeaa | 从 "加 名” | | 说 安 Burneamts | 向 -加 - 品 





下 硬是 克隆 区 域 


原始 内 容 ， ,< 小 石头 > 
克隆 内 容 。 |< 小 石头 > 
EE 


将 是 你 早 
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密码 ， 
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图 3-4 Defaultaspx 页 面 图 3-5 克隆 内 容 


(12) 如 果 不 输入 姓名 和 密码 就 单 击 【登录 】〗 按 钮 ， 将 弹出 提示 对 话 框 ， 如 图 3-6 所 示 。 
(13) 输入 正确 的 姓名 和 密码 后 ， 单 击 【 登 录 】 按 钮 ， 将 跳 转 到 login.aspx 页 面 ， 如 图 3-7 所 示 。 
http://localhostz1309/ 例 3-1/login-aspx?..- 属 ] 卫 | 区 | 
个 二 -EeeaoyxR 
文件 四 ”编辑 于 ) 查看 WD 收藏 天 () 工具 CD) 和 有 动 由 
帘 从 Bhttp: /ocdhost:13, | ml 从- 田 - 喝 | 





| i 
企 请 输入 姓名 和 窜 码 ? 请 牢记 你 的 密码 ，lloveyou 
CE 








本 地 Intranet 


图 3-6 ”提示 对 话 框 图 3-7 登录 成 功 





-61- 


加 ASP.NET 4.0 动态 网 站 开发 实用 教程 


基 
础 
与 
实 


尝 





实 济 车 痊 








面 来 看 一 下 服务 器 控件 的 工作 原理 。 当 在 浏览 器 中 请 求 页 面 时 ， 服 务 器 端 控 件 就 由 
ASPNET 运行 库 ( 负 责 接收 和 处 理 aspx 页 面 请 求 的 引擎 ) 处 理 ， 然 后 控件 就 会 输出 客户 端 HIML 
代码 ， 并 将 其 附加 到 最 终 页 面 输出 的 后 面 ， 最 后 出 现在 浏览 器 中 用 来 构建 页 面 的 就 是 该 HTML 
代码 。 例 如 ， 当 首次 加 载 Label 控件 并 请 求 它 的 HTML 时， 它 会 返回 下 面 的 代码 : 


<span id="Labell"></span> 


从 上 面 这 行 代码 可 以 看 出 ， 虽 然 使 用 <asp:Label> 语 法 定义 了 Label 控件 ,但 是 它 最 终 出 现在 
浏览 器 中 的 只 是 一 个 简单 的 <span> 元 素 .因为 该 Label 控 件 的 Text 属 性 是 空 的 ,所 以 在 两 个 <span> 
标记 中 看 不 到 任何 内 容 。 其 他 控件 也 是 如 此 。 

当 请 求 【 例 3-1】 的 Defaultaspx 页 面 以 后 ， 可 以 通过 【查看 】|【 源 文件 】 命 令 查看 每 个 控 
件 的 HTML 代码 ， 如 下 所 示 : 

<div> 

<h3> 下 面 是 克隆 区 域 <h3> 

<span id-"Labell"> 原 始 内 容 : </span> 

<input name="TextBoxl" type="text" id="TextBox1" /><br /> 

<span id="Label2"> 克 隆 内 容 : </span> 

<input name="TextBox2" type="text" readonly="readonly" id="TextBox2" /><br /> 
<input type="submit" name="Button1" value=" 克 隆 " id="Button1" /><br /> 

<h3> 下 面 是 登录 区 域 </h3> 

<span id="Label3"> 姓 名 : </span> 

<input name="TextBox3" type="text" id="TextBox3" style="text-align: left" /><br /> 
<span id="Label4"> 密 码 :</span> 

<input name="TextBox4" type="password" id="TextBox4" /><br /> 

<input type="submit" name="Button2" value=" 登 录 " id="Button2" /> 

</div> 

回忆 一 下 例 3-1 中 ， 当 没有 输入 姓名 和 密码 时 就 单 击 【 登 录 】 按 钮 ， 将 弹出 提示 对 话 框 ， 这 
个 提示 对 话 框 是 通过 JavaScript 的 alert 语句 产生 的 。 而 在 程序 中 是 通过 Page.ClientScript.Register- 
ClientScriptBlock 来 实现 的 ， 那 么 ， 输 出 到 客户 端 以 后 ， 生 成 的 HTML 代码 是 什么 呢 ? 用 户 可 以 
在 源 文件 的 <body> 标 记 上 方 找到 相应 的 代码 ， 如 下 所 示 : 

<script type="text/javascript"> 

//<![CDATA[ 

alert(" 请 输入 姓名 和 密码 !"); /四 > 

</script> 

至 此 已 经 了 解 了 服务 器 控件 的 工作 原理 , 下 一 节 将 具体 介绍 ASP.NET 4.0 附带 的 服务 器 控件 
的 使 用 方法 与 技巧 。 
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© 2 控件 的 类 别 


ASP.NET 4.0 本 身 附带 了 大 量 的 服务 器 控件 ， 能 够 满足 Web 开发 的 大 部 分 需要 。 为 了 更 容 
易 地 找到 正确 的 控件 ， 因 此 将 它们 放 在 工具 箱 的 各 个 单独 的 控件 类 别 中 。 如 图 3-4 所 示 为 工具 箱 
中 的 所 有 可 用 控件 类 别 。 








由 人 TAX Extensions 
田 动态 数据 


由 ITWL 





图 3-8 工具 箱 中 的 控件 类 别 


2.1_ 标 准 控件 


标准 类 别 中 包含 很 多 基本 控件 ， 几 乎 所 有 的 Web 页 面 都 需要 它们 。 前 面 已 经 使 用 过 其 中 的 
-部 分 ， 如 TextBox 、Button 和 Label 控件 。 


1. 简单 控件 


这 里 所 说 的 简单 控件 是 指 简单 易 懂 且 常 用 的 控件 , 包括 TextBox、Button、Label、 HyperLink、 
RadioButton 和 CheckBox。 由 于 本 书 的 其 余部 分 会 多 次 用 到 这 些 控件 ， 所 以 在 此 不 做 详细 介绍 。 


2. 列表 控件 


标准 类 别 中 有 许多 在 浏览 器 中 表现 为 列表 的 控件 。 这 些 控件 包括 ListBox、DropDownList、 
CheckBoxList、RadioButtonList 和 BulletedList。 要 向 列表 中 添加 项 ， 可 以 在 控件 的 起 始 和 结束 标 
记 之 间 定 义 <asp:ListItem> 元 素 ， 如 下 面 的 示例 所 示 : 
<asp:DropDownList ID="FavoriteLanguage" runat="server"> 
<asp:ListItem Value="C#">C#</asp:ListItem> 
<asp:ListItem Value="Visual Basic">Visual Basic</asp:ListItem> 
<asp:ListItem Value="CSS">CSS</asp:ListItem> 
</asp:DropDownList> 


DropDownList、RadioButtonList 控件 允许 用 户 一 次 只 能 选择 一 项 。 要 以 编程 方式 查看 列表 控 
件 中 当前 活动 和 选中 的 项 ， 可 以 查看 它 的 SelectedValue、SelectedItem 或 SelectedIndex 属性 。 
SelectedValue 返回 一 个 包含 选中 项 的 值 的 字符 串 ，SelectedIndex 返回 列表 中 项 基于 0 的 索引 。 
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Bs 
对 于 允许 多 重 选择 的 控件 ，CheckBoxList 和 ListBox， 可 以 在 Items 集合 之 间 循 环 ， 并 且 查 
看 选中 了 哪些 项 。 在 这 种 情况 下 ，SelectedItem 和 SelectedValue 仅 返 回 列表 中 第 一 个 选中 的 项 ; 
而 不 是 返回 所 有 选中 项 。 





知识 点 
通过 设置 ListBox 控件 的 SelectionMode 属性 为 Multiple， 可 允许 进行 多 重 选择 。 用 户 可 以 在 按 住 Ctrl 





或 Shift 键 的 同时 ， 单 击 以 选择 多 项 。 


BulletedList 控件 不 允许 用 户 作 选择 , 因而 不 支持 SelectedValue、SelectedItem 或 SelectedIndex 
这 些 属性 。 

当 列 表 控 件 的 某 个 选项 被 选中 时 ， 该 控件 将 引发 SelectedIndexChanged 事件 。 默认 情 况 下 ,此 
事件 不 会 导致 向 服务 器 发 送 页 ， 但 可 通过 将 AutoPostBack 属性 设置 为 tue， 强 制 该 控件 立即 发 送 。 

【 例 3-2】 演 示 列 表 控 件 的 使 用 。 

(1) 启动 VWD 2010， 选 择 【〖 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 3-2】〗， 单 击 【确定 】 
按钮 。 

(2) 打开 Default.aspx 文件 的 设计 视图 ， 从 【工具 箱 】〗 中 拖 动 5 个 Label 控件 、1 个 TextBox 
控件 、1 个 Button 控件 、2 个 RadioButton 控件 和 DropDownList、 RadioButtonList、CheckBoxList、 
ListBox、 Pe 控件 各 1 个 到 Web 窗 体 中 ， 控 件 的 Text 人 3-9 所 示 。 
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3-9” 窗 体 中 的 控件 布局 


在 设置 上 述 控件 的 属性 时 ，2 个 RadioButton 控件 的 GroupName 属性 必须 相同 ， 表 示 这 是 同一 组 单 选 按 


钮 ， 同 一 时 刻 只 能 有 一 个 被 选中 。 
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(3) 要 设置 列表 控件 的 Tems 属性 ， 可 单 击 【属性 】 面 板 中 Items 属性 右边 的 加 按钮 ， 如 图 
3-10 所 示 。 此 时 将 弹出 【ListItem 集合 编辑 器 〗 对 话 框 ， 在 该 对 话 框 中 ， 单 击 【添加 】〗 按 钮 ， 然 
后 在 Text 和 Value 文本 框 中 输入 相应 的 列表 项 即 可 ， 如 图 3-11 所 示 。 通 过 此 对 话 框 添加 的 项 将 
被 添加 为 控件 标记 之 间 的 <asp:ListItem> 元 素 。 




















ListItea 集合 编辑 器 
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图 3-10 设置 列表 控件 的 Iems 属性 图 3-11 【ListItem 集合 编辑 器 】 对 话 杠 


(4) 设置 DropDownList 和 RadioButtonList 控件 的 AutoPostBack 属性 。 选中 RadioButtonList 
控件 ， 单 击 右上 角 的 箭头 图 标 ， 打 开 控 件 的 【任务 〗 菜 单 ， 通 过 该 菜单 可 以 执行 属于 此 控件 的 大 
部 分 常见 任务 。 如 图 3-12 所 示 有 3 个 选项 : 第 一 个 选项 允许 把 控件 与 数据 源 绑 定 在 一 起 ; 第 二 
个 选项 用 来 编辑 列表 项 ,与 前 面 设置 Items 属性 相同 ; 最 后 一 个 选项 用 来 设置 控件 的 AutoPostBack 
属性 ， 选 中 这 个 选项 后 ， 一 旦 用 户 从 列表 中 选择 了 一 个 新 项 ， 控 件 就 会 将 包含 它 的 页 面 提交 回 服 
务 器 。 

(5) 为 DropDownList 和 RadioButtonList 控件 添加 SelectedIndexChanged 事件 处 理 程序 .首先 
选中 控件 ， 然 后 在 【属性 了 面板 中 单 击 芝 | 工具 按钮 ， 切 换 到 事件 列表 ， 如 图 3-13 所 示 。 在 相应 
事件 后 面 的 文本 框 中 双击 即 可 添加 一 个 默认 的 事件 处 理 程序 。 
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图 3-12 列表 控件 的 【任务 】 菜 单 图 3-13 ”为 控件 添加 事件 处 理 程序 


(6) 设置 CheckBoxList 和 RadioButtonList 控件 的 RepeatDirection 属性 为 Horizontal， 使 选项 
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水 平 排列 。 
(7) 设置 ListBox 控件 的 SelectionMode 属性 为 Multiple， 以 允许 用 户 进行 多 项 选择 。 
(8) 设置 完 控件 的 属性 和 事件 后 ， 在 Default.aspx 的 源 视图 中 可 以 看 到 以 下 代码 : 
<div> 
<asp:Label ID="Label4" runat="server" Text=" 姓 名 : "></asp:Label> 
<asp:TextBox ID="TextBox1" mnat="server"></asp:TextBox><br /> 
<asp:Label ID="Label5" runat="server" Text=" 性 别 : "></asp:Label> 
<asp:RadioButton ID="RadioButton1" runat="server" Text=" 男 " Checked="True" 
GroupName="gender" /> 
<asp:RadioButton ID="RadioButton2" runat="server" Text=" 女 " GroupName="gender" /><br /> 
<asp:Label ID="Label2" runat="server" Text=" 院 系 : "></asp:Label> 
<asp:DropDownListID="DropDownListl" runat="server" 
OnSelectedIndexChanged="DropDownListl_SelectedIndexChanged" 
AutoPostBack="True"> 
<asp:ListItem> 外 语系 </asp:ListItem> 
<asp:ListItem> 数 学 系 </asp:ListItem> 
<asp:ListItem> 计 算 机 系 </asp:ListItem> 
<asp:ListItem> 法 律 系 </asp:ListItem> 
</asp:DropDownList><br /> 
<asp:Label ID="Label3" runat="server" Text=" 课 程 : "></asp:Label> 
<asp:ListBox ID="ListBoxl" runat="server" SelectionMode="Multiple"> 
<asp:ListItem> 德 语 </asp:ListItem> 
<asp:ListItem> 英 语 </asp:ListItem> 
<asp:ListItem> 西 班 牙 语 </asp:ListItem> 
</asp:ListBox> 
<brP<p> 
<asp:Label ID="Label1" mnat="server" Text=" 兴 趣 爱好 "></asp:Label> 
<p> 
<asp:CheckBoxList ID="CheckBoxList1" munat="server" 
RepeatDirection="Horizontal"> 
<asp:ListItem> 上 网 </asp:ListItem> 
<asp:ListItem> 旅 游 </asp:ListItem> 
<asp:ListItem> 唱 歌 </asp:ListItem> 
<asp:List[tem> 跳 舞 </asp:ListItem> 
<asp:ListItem> 购 物 </asp:ListItem> 
<asp:ListItem> 理 财 </asp:ListItem> 
</asp:CheckBoxList> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " OnClick="Button1_Click" 亡 
<h4> 下 面 演示 RadioButtonList 和 BulletedList</h4> 
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<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack= "True" 
onselectedindexchanged="RadioButtonList] SelectedIndexChanged" 
RepeatDirection="Horizontal"> 
<asp:ListItem Selected="True">Numbered</asp:ListItem> 
<asp:ListItem>LowerAlpha</asp:ListItem> 
<asp:ListItem>UpperAlpha</asp:ListItem> 
<asp:ListItem>LowerRoman</asp:ListItem> 
<asp:ListItem>UpperRoman</asp:ListItem> 
<asp:ListItem>Disc</asp:ListItem> 
<asp:ListItem>Circle</asp:ListItem> 
<asp:ListItem>Square</asp:ListItem> 

</asp:RadioButtonList> 

<asp:BulletedList ID="BulletedList1" runat="server" BulletStyle="Numbered" 
BorderStyle="Double" > 
<asp:ListItem> 三 国 演义 </asp:ListItem> 
<asp:ListItem> 水 浒 传 </asp:ListItem> 
<asp:ListItem> 西 游记 </asp:ListItem> 
<asp:ListItem> 红 楼 梦 </asp:ListItem> 

</asp:BulletedList> 

</div> 


(9) 在 Default.aspx.cs 文件 中 ， 添 加 控件 的 事件 处 理 程序 ， 代 码 如 下 : 


Pprotected void RadioButtonListl_SelectedIndexChanged(object sender, EventArgs 6 
| 
BulletStyle style = (BulletStyle)Enum .Parse(typeof(BulletStyle).RadioButtonListl.SelectedValue); 
BulletedListl.BulletStyle = style: 
} 
protected void DropDownListl_SelectedIndexChanged(object sender, EventArgs e) 
{ 
ListBoxl.Items.Clear0: 
string0[ strAll = new string[4]0{ 
new string[] { "德语 " "英语 "" 西 班 牙 语 " } 
new string[] { "数学 ", "数学 分 析 "…" 统 计 学 " }. 
new string[] { "数据 库 ". "网 页 制作 " ."ASPNET"}、 
new string[] { "刑法 ". "民法 " "婚姻 法 "} }; 
foreach(string str in strAll[DropDownListl.SelectedIndex]) 
ListItem item = new ListItem(): 
item. Text = str: 
ListBoxl Items.Add(item): 
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Protected void Buttonl_Click(object sender, EventArgs 日 

和 
string strMsg = ""; 
if (TextBoxl.Text — "" || ListBoxl.SelectedIndex < 0|| CheckBoxList].SelectedIndex < 0) 
{ 


strMsg = "alert(\" 请 输入 姓名 并 选择 课程 和 兴趣 爱好 !\"):"; 
Page .ClientScriptRegisterClientScriptBlock(this.GetType0. "waming", strMsg, true); 


strMsg = "alert(\"" + TextBoxl.Text 
if (RadioButton1.Checked) 

strMsg +="” 先 生 "; 
if (RadioButton?2.Checked) 

strMsg +=” 女 士 "; 
strMsg +=", 你 好 \n 你 是 “: 
strMsg += DropDownListl.SelectedValue: 
strMsg += ”的 学 生 \ 你 选择 了 以 下 课程 :"; 
inti=0; 
foreach (ListItem item in ListBoxl.Items) 
{ 

if (item.Selected) 

{ 
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(it+>0) 
strMsg +="、"; 
strMsg += item. Value: 
b 
} 
sttrMsg +="\n 你 的 兴趣 爱好 是 :"; 
i=0; 
foreach (ListItem item in CheckBoxList] Items) 
{ 
if (item.Selected) 
| 
if(it+>0) 
strMsg +="、"; 
strMsg += item.Value: 
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strMsg + 
Page.ClientScript. RegisterClientScriptBlock(this.GetTypeO. "success", sttMsg.tme): 
} 


(10) 编译 并 运行 程序 ， 在 浏览 器 中 加 载 页 面 Defaultaspx， 如 图 3-14 所 示 。 
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3-14 页 面 运行 效果 
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(11) 输入 姓名 ， 选 择 相应 的 院 系 、 课 程 和 兴趣 爱好 ， 单 击 【提交 了 按钮， 将 弹出 对 话 框 ， 
显示 用 户 所 输入 的 信息 ， 如 图 3-15 所 示 。 
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3-15 ”弹出 对 话 框 显示 用 户 选 择 的 信息 


- 知识 点 
ListBox 和 CheckBoxList 控件 允许 用 户 一 次 性 选择 多 个 选项 ， 因 此 ， 可 使 用 foreach 循环 在 Listftem 元 





素 集合 中 迭代 逐个 测试 Selected 属性 。 如 果 列表 中 的 项 为 选中 状态 ， 它 的 Selected 属性 就 为 me。 


3. 容器 控件 


容器 控件 常用 于 以 某 种 方式 将 相关 的 内 容 和 控件 组 合 到 一 起 ， 常 用 的 容器 控件 包括 Panel、 
了 PlaceHolder、MultiView、View 和 Wizard。 例 如 ， 可 以 使 用 PlaceHolder 或 Panel 控件 同时 隐藏 或 
显示 几 个 控件 ， 而 不 用 分 别 隐 藏 每 个 控件 ， 只 需 隐藏 包含 各 个 控件 和 标记 的 整个 容器 即 可 。 这 两 
个 控件 各 有 优 缺点 。PlaceHolder 控件 的 优点 是 它 不 会 向 页 面 发 布 自己 的 HIML， 因 此 可 以 用 作 





一 
JASPNET4.0 动 太 网 站 开发 家 才 程 
"| » 


出 


基 
础 
与 
实 


尝 





实 济 车 痊 





-70- 


容器 控件 ， 而 不 会 在 最 终 页 面 中 产生 任何 副作用 。 然 而 ， 它 缺少 设计 时 支持 ， 因 此 在 VWD 中 难 
以 在 设计 时 管理 PlaceHolder 内 的 控件 .而 Panel 控件 允许 轻松 地 访问 所 有 控件 以 及 它 所 包含 的 其 
他 内 容 ， 但 是 它 自己 则 呈现 为 <div> 标 记 ， 因 此 ， 一 般 常 使 用 Panel 控件 。 

MultiView 和 View 控件 可 以 制作 出 选项 卡 的 效果 。MultiView 控件 用 作 一 个 或 多 个 View 控 
件 的 外 部 容器 ，View 控件 可 以 包含 标记 和 控件 的 任何 组 合 。 

如 果 要 切换 视图 ， 可 以 使 用 控件 的 ID 或 者 View 控件 的 索引 值 。 在 MultiView 控件 中 ， 
次 只 能 将 一 个 View 控件 定义 为 活动 视图 。 如 果 某 个 View 控件 定义 为 活动 视图 ， 那 么 它 所 包含 
的 子 控件 则 会 呈现 到 客户 端 。 可 以 使 用 ActiveViewIndex 属性 或 SetActiveView 方法 定义 活动 视 
图 。 如 果 ActiveViewIndex 属性 为 室 ， 则 MultiView 控件 不 向 客户 端 呈现 任何 内 容 。 


如 提示 
如 果 活动 视图 设置 为 MultiView 控件 中 不 存在 的 View， 则 会 引发 ArgumentOutOfRangeException 异常 。 





无 论 是 MultiView 控件 还 是 各 个 View 控件 ， 除 当前 View 控件 的 内 容 外 ， 都 不 会 在 页 面 中 
显示 任何 标记 。 但 是 ， 每 次 呈现 页 面 时 都 会 创建 所 有 View 控件 中 的 所 有 服务 器 控件 的 实例 ， 并 
且 将 这 些 实例 的 值 存储 为 页 面 的 视图 状态 的 一 部 分 。 另 外 ， 可 以 将 一 个 主题 分 配给 MultiView 或 
View 控件 ， 控 件 将 该 主题 应 用 于 当前 View 控件 的 所 有 子 控件 。 

MultiView 和 Wizard 相似 的 地 方 是 :它们 允许 将 一 个 长 页 面 划分 为 多 个 区 域 , 这 样 很 有 好 处 ， 
例如 容易 填写 长 表单 。 它 们 的 区 别 在 于 Wizard 具有 使 用 Previous、Next 和 Finish 按钮 在 页 面 间 
移动 的 内 置 支持 ， 而 MultiView 则 必须 通过 编程 进行 控制 。 

【 例 3-3 】 容 器 控件 的 使 用 。 

(1) 启动 VWD 2010， 选 择 【〖 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 3-3〗， 单 击 【 确 定 】 
按钮 。 

(2) 打开 Default.aspx 文件 的 设计 视图 , 从 【工具 箱 】 中 拖 动 1 个 CheckBox 控件 和 1 个 Panel 
控件 到 Web 窗 体 中 ， 然 后 在 Panel 中 添加 1 个 Label 控件 ， 切 换 到 源 视图 ， 修 改 其 HTML 代码 
如 下 : 


<asp:CheckBox ID="CheckBoxl" runat="server" 
‘oncheckedchanged="CheckBox1_CheckedChanged" Text=" 显 示 Panel 控件 " 
AutoPostBack="Trme" /> 

<asp:Panel ID="Panell" runat="server" Visible="False"> 
<asp:Label ID="Label1" runat="server" Text=" 我 是 Panel 控件 中 的 Label 控件 "></asp:Label> 

</asp:Panel> 


(3) 接着 输入 文本 信息 “我 要 找 人 ...”, 然后 添加 1 个 RadioButtonList 控件 和 1 个 MultiView 
控件 ， 然 后 在 MultiView 控件 中 添加 3 个 View 控件 ; 分 别 单 击 3 个 View 控件 输入 静态 文本 “ 姓 
名 ”、“ 年 龄 ”、“ 地 域 ”; 拖 动 3 个 Textbox 控件 分 布 到 3 个 View 控件 上 。 然 后 ， 再 拖 动 1 
个 Button 控件 到 页 面 上 . 设置 RadioButtonList 控件 的 AutoPostBack 属性 为 True, RepeatDirection 
属性 为 Horizontal， 并 为 其 添加 selectedindexchanged 事件 处 理 程序 。 切 换 到 源 视图 ， 其 HIML 
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代码 如 下 : 


<h4> 我 要 找 人 ...</h4> 
<asp:RadioButtonList ID="RadioButtonList1" runat="server" 
RepeatDirection="Horizontal" AutoPostBack="True" 
onselectedindexchanged="RadioButtonList]_SelectedIndexChanged"> 
<asp:ListItem Value="0"> 按 姓名 </asp:ListItem> 
<asp:ListItem Value="1"> 按 年 龄 </asp:ListItem> 
<asp:ListItem Value="2"> 按 地 域 </asp:ListItem> 
</asp:RadioButtonList> 
<asp:MultiView ID="MultiViewl" rnat="server"> 
<asp:View ID="Viewl" rnat="server"> 
姓名 : <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
</asp:View> 
<asp:View ID="View2" mnat="server"> 
年 龄 : <asp:TextBox ID="TextBox2" rnat="server"></asp:TextBox> 
</asp:View> 
<asp:View ID="View3" rnat="server"> 
地 域 ， <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
</asp:View> 
</asp:MultiView> 
<asp:Button ID="Button1" runat="server" Text=" 查 找 " onclick="Button1_Click" /> 


(4) 最 后 添加 一 个 Wizard 控件 。 单 击 控件 右上 角 的 箭头 打开 【Wizard 任务 】 面 板 ， 选择 【 添 
加 /删除 WizardSteps】 命 令 , 如 图 3-16 所 示 , 将 打开 【WizardStep 集合 编辑 器 】 对 话 框 ， 如 图 3-17 
所 示 。 


Wizard5tep 集合 编辑 器 









EnableThening True 


| 人] Wizard 任务 EnableyiewStatt True 




















StepType to 
ViewStatelode Inheri 
| Step 1 5 = = 3 

Fr [入 柱 名 | 

转换 为 Stavigati 日 杂项 

转换 为 se ers EE cm) 

转换 为 FinishllavigationTenplste 

转换 为 SideBarTemylate 

二 Ce 

图 3-16 【Wizard 任务 】 面 板 图 3-17 【Wizardstep 集合 编辑 器 】 对 话 框 


(5) 单 击 对 话 框 左边 【成 员 】 列 表 框 中 名 为 Stepl 的 第 一 个 WizardStep， 将 它 的 Title 属性 修 
改 为 “输入 姓名 ”， 将 第 二 步 的 Title 设置 为 “选择 你 喜欢 的 歌曲 ”， 然 后 再 添加 一 步 为 “完成 ”。 
(6) 将 第 二 步 的 StepType 设置 为 Finish， 第 三 步 的 StepType 设置 为 Complete。 可 以 让 第 一 
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步 的 StepType 保持 为 Auto。 单 击 【确定 〗】 按 钮 关闭 【WizardStep 集合 编辑 器 〗 对 话 框 。 
(7) 在 设计 视图 中 , 单 击 左边 列表 中 的 “输入 姓名 ”, 让 它 成 为 活动 步骤 , 然后 将 一 个 TextBox 
控件 拖 到 Wizard 的 右边 。 注意 要 将 它 拖 到 Wizard 右上 角 的 灰色 和 珑 形 框 内 ， 否 则 控件 最 后 不 会 出 


现在 Wizard 内 。 


(8) 使 用 同样 的 方法 ， 在 “选择 你 喜欢 的 歌曲 ”步骤 中 添加 一 个 DropDownList 控件 ， 并 为 
其 添加 若干 选项 ， 在 “完成 ”步骤 中 添加 一 个 Label 控件 。 

(9) 当 用 户 单 击 向 导 最 后 一 步 的 【完成 】 按 钮 时 需要 进行 相应 的 事件 处 理 。 打 开 控 件 的 【 属 
性 】 面 板 ， 通 常 默认 打开 【事件 】 选 项 卡 。 定 位 并 双击 Action 类 别 中 的 FinishButtonClick。 切 换 
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到 源 视图 ， 页 面 的 HTML 代码 如 下 : 


<asp: Wizard ID="Wizard1" runat="server" ActiveStepIndex="0" 


onfinishbuttonclick="Wizardl FinishButtonClick"> 


<WizardSteps> 


<asp:WizardStep runat="server" title=" 输 入 姓名 "> 


<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox> 


</asp: WizardStep> 


<asp:WizardStep runat="server" title=" 选 择 你 喜欢 的 歌曲 " StepType="Finish"> 
<asp:DropDownList ID="DropDownList1" runat="server"> 


<asp:ListItem> 荷 塘 月 色 </asp:ListItem> 
<asp:ListItem> 志 起 </asp:ListItem> 
<asp:ListItem> 伤 不 起 </asp:ListItem> 


<asp:ListItem> 害 怕 爱 上 你 </asp:ListItem> 


</asp:DropDownList> 


</asp: WizardStep> 


<asp:WizardStep runat="server" Title=" 完 成 " StepType="Complete"> 
<asp:Label ID="Label2" runat="server" Text=""></asp:Label> 


</asp: WizardStep> 
</WizardSteps> 
</asp: Wizard> 


(10) 此 时 的 页 面 布局 如 图 3-18 所 示 。 


三亚 示 Pane1 摊 作 
我 是 Pane] 近 件 中 的 Label 取 件 


我 要 找 人 . 


图 3-18 窗 体 中 的 页 面 布 局 


(11) 为 控件 的 事件 添加 处 理 代码 ， 如 下 所 示 : 


Protected void CheckBox] CheckedChanged(object sender, EventArgs 日 


{ 


} 


Panell.Visible = CheckBox1.Checked: 


protected void Buttonl_Click(object sender, EventArgs ©) 


string srMsg ="™" 
if MultiViewl.ActiveViewIndex > -1) 
{ 


strMsg = "您 的 选择 是 : \\n" + RadioButtonListl.SelectedItem.Text: 


strMsg += ”查找 ， 查 找 内 容 : “: 
switch (MultiView1.ActiveVicwIndex) 
{ 
Case 0: 
f(TextBoxl.Text—"") 
strMsg = "请 输入 要 查找 的 姓名 "; 
else 
strMsg += TextBoxl.Text: 
break 
Case 1: 
f(TextBox2.Text—"") 
strMsg = "请 输入 要 查找 的 年 龄 "; 
else 
strMsg += TextBox2. Text: 
break: 
Case 2: 
f(TextBox3.Text =—"") 
strMsg = "请 输入 要 查找 的 地 域 "; 
else 
strMsg += TextBox3. Text: 


strMsg = "请 先 选择 找 人 的 方式 ! “: 
string scriptString = "alert(\"" + strMsg + "\"):": 


Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO. "success". scriptString. true): 
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} 

Pprotected void RadioButtonList] SelectedIndexChanged(object sender., EventArgs e) 

四 
MultiView1.ActiveViewIndex = Int32.Parse(RadioButtonListl.SelectedValue): 

} 

protected void Wizardl FinishButtonClick(object sender WizardNavigationEventArgs e) 
Label2.Text= TextBox4.Text+ ”你 好 : <br> 你 喜欢 的 歌曲 是 : “: 
Iabel2.Text += DropDownListl.SelectedValue: 

} 


(12) 编译 并 运行 程序 ， 在 浏览 器 中 加 载 页面 Default.aspx， 如 图 3-19 所 示 。 
httpz//localhoxtz2041/ 例 3-3/Default-as--- 攻 | 大 | 区 | 
GO Bue/ ys x [全 
文件 中) ”编辑 到 ) 查看 WW 收 语 夹 ) 工具 CD) 帮助 0D 
帘 安 | 七 http:/lecahest:20 丛 - 加 - 友 加 





四 


回 显示 Pane 控 件 
我 是 Pane 上 控件 中 的 LabeH 控 件 


我 要 找 人 .… 


加 按 姓名 口 按 年 龄 O 按 地 域 
姓名 。 [可 3] 


葛 戎 戎 你 好 ， 
你 喜欢 的 歌曲 是 ， 荷 塘 月 色 
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3-19 页 面 运行 效果 





潼 济 坟 次 


Wizard 控件 能 够 完成 大 部 分 非常 复杂 的 工作 。 它 会 处 理 导航 ， 确 定 何 时 显示 正确 的 按钮 ， 并 确保 在 结果 


页 面 中 ， 在 向 导 步 又 中 添加 的 控件 值 仍然 可 用 ， 这 样 就 可 以 在 结果 标签 中 显示 它们 。 





4. 其 他 标准 控件 


除了 前 面 介绍 的 简单 控件 、 列 表 控件 和 容器 控件 之 外 ,还 有 很 多 其 他 标准 控件 。 它 们 的 用 法 
也 都 类 似 ， 在 此 只 对 这 些 控件 做 简单 介绍 。 

© LinkButton 和 ImageButton 

对 LinkButton 和 IJmageButton 控件 的 操作 类 似 于 普通 的 Button 控件 。 单 击 它们 时 , 两 者 都 会 
引起 向 服务 器 的 一 个 回 发 。LinkButton 把 自己 显示 为 一 个 简单 的 <a> 元 素 ， 但 只 发 生 回 发 (使 用 
JavaScript)， 而 不 请 求 新 页 面 。ImageButton 也 是 如 此 ， 只 是 显示 一 个 图 像 ， 用 户 可 以 单 击 它 以 触 
发 回 发 。 
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默认 情况 下 ，Button 控件 使 用 HTML POST 操作 提交 页 面 。LinkButton 和 ImageButton 控件 
则 不 能 直接 支持 HTML POST 操作 。 因此 ， 使 用 这 些 按钮 时 ， 它 们 将 客户 端 脚本 添加 到 页 面 以 多 
许 控件 以 编程 方式 提交 页 面 。 

© Tmage 和 ImageMap 





要 么 引起 一 个 到 服务 器 的 回 发 ， 要 么 导航 到 另 一 个 页 面 。 

回 AdRotator 

这 个 控件 允许 在 Web 站 点 上 显示 随机 广告 。 这 些 广告 来 自在 服务 器 上 创建 的 XML 文件 。 
每 次 刷新 页 面 时 都 将 更 改 显 示 的 广告 。 广 告 可 以 加 权 以 控制 广告 条 的 优先 级 别 ， 这 可 以 使 某 些 广 
告 的 显示 频率 比 其 他 广告 高 , 也 能 编写 在 广告 间 循环 的 自 定义 逻辑 。 由 于 它 缺 少 像 单 击 跟踪 和 记 
录 这 样 的 大 多 数 最 简单 的 情况 所 必需 的 高 级 功能 ， 因 此 这 个 控件 在 当今 的 Web 站 点 中 用 得 不 是 
大 多 。 

©®© ”Calendar 

Calendar 控件 提供 了 一 个 功能 丰富 的 接口 ， 允 许 用 户 选择 日 期 。 在 本 章 最 后 讨论 ASPNET 
状态 引擎 时 将 介绍 它 的 一 些 用 法 。 

回 FileUpload 

FileUpload 控件 允许 用 户 上 传 可 以 存储 在 服务 器 上 的 文件 。 

©®© HiddenField 

HiddenField 控件 可 用 来 将 数据 存储 在 各 个 请 求 提交 的 页 面 中 。 如 果 希 望 页 面 记 住 特定 数据 ， 
而 又 不 希望 用 户 在 页 面 中 看 到 ， 那 么 该 控件 就 很 有 用 。 由 于 这 个 字段 会 显示 在 页 面 的 HTML 源 
代码 中 ， 因 此 终端 用 户 可 以 访问 ， 所 以 不 要 在 其 中 存储 任何 敏感 数据 。 

© Literal、 Localize 和 Substitute 

这 3 个 控件 看 起 来 有 些 像 Label 控件 ， 因 为 它们 都 可 以 显示 静态 文本 或 HTML。Literal 最 大 
的 优点 是 它 本 身 不 呈现 额外 的 标记 。 它 仅 显示 赋予 Text 属性 的 信息 ， 因 此 对 于 显示 HTML 或 者 
显示 在 Code Behind 中 构建 的 或 从 数据 库 检索 的 JavaScript 非常 有 用 。 

Literal 控件 常用 的 属性 是 Mode 属性 ， 该 属性 用 于 指定 控件 对 用 户 所 添加 的 标记 的 处 理 方 
式 。 可 以 将 Mode 属性 设置 为 Transform( 将 对 添加 到 控件 中 的 任何 标记 进行 转换 ， 以 适应 请 求 
浏览 器 的 协议 )、PassThrough( 添 加 到 控件 中 的 任何 标记 都 将 按 原 样 呈 现在 浏览 器 中 ) 和 
Encode( 使 用 HtmlEncode 方法 对 添加 到 控件 中 的 任何 标记 进行 编码 , 这 会 将 HTML 编码 转换 为 
其 文本 表示 形式 )。 

Localize 控件 用 在 使 用 多 种 语言 的 Web 站 点 中 ， 并 且 能 够 从 翻译 后 的 资源 文件 中 检索 其 内 
容 。Substitute 控件 用 在 高 级 缓存 场景 中 ， 并 且 人 允许 仅 更 新 部 分 没有 完全 缓存 的 页 面 。 

@@ Table 

<asp:Table> 控 件 在 很 多 方面 等 同 于 HTML 中 的 <table> 控 件 。 然 而 ， 由 于 该 控件 位 于 服务 器 
上 ， 因 此 可 以 对 它 进行 编程 ， 动 态 地 创建 新 的 列 和 行 ， 以 及 向 其 中 添加 动态 数据 。 
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@ XML 
XML 控件 允许 将 数据 从 XML 格式 转换 为 另 一 种 格式 (如 XHTML)， 以 便 显 示 在 页 面 上 。 


G )2.2 HTML 控件 


工具 箱 的 HTML 类 别 中 包含 许多 HIML 控件 ， 它 们 看 起 来 与 标准 类 别 中 的 控件 很 相似 。 例 
如 ，Input (Button) 控 件 看 起 来 就 像 <asp:Button>。 类 似 地 ，Select 控件 有 <asp:DropDownList> 和 
<asp:ListBox> 作 为 它 的 对 应 控件 。 

在 VWD 2010 中 , 从 工具 箱 添加 到 页 面 上 的 HTML 控件 只 是 已 设置 了 某 些 属性 的 HTML 元 
素 ， 当 然 也 可 通过 输入 HTML 标记 在 源 视图 中 创建 HTML 元 素 。 

默认 情况 下 ，ASP.NET 文件 中 的 HTML 元 素 被 视 为 传递 给 浏览 器 的 标记 ， 作 为 文本 进行 处 
理 ， 并且 不 能 在 服务 器 端 代 码 中 引用 这 些 元 素 ， 只 能 在 客户 端 通过 JavaScript 和 VBScript 等 脚本 
语言 来 控制 。 若 要 使 这 些 元 素 能 以 编程 方式 进行 访问 ， 可 以 通过 添加 mnat="server" 属 性 表明 应 将 
HTML 元 素 作为 服务 器 控件 进行 处 理 ， 这 样 就 可 以 使 用 基于 服务 器 的 代码 对 其 进行 编程 引用 了 。 

标准 控件 和 HTML 控件 之 间 似 乎 有 一 些 重 释 , 但 是 HTML 控件 的 功能 比 标准 类 别 中 的 控件 
的 功能 少 得 多 。 一 般 来 说 ， 标 准 类 别 中 的 真正 服务 器 控件 提供 了 更 多 的 功能 ， 无论 是 在 VWD 中 
的 设计 时 支持 方面 还 是 在 运行 时 能 做 的 事情 方面 都 是 如 此 。 不 过 这 种 功能 是 有 代价 的 。 因 为 它们 
增加 了 复杂 度 ， 所 以 处 理 服务 器 控件 会 多 花 一 点 时 间 。 然 而 ， 在 大 多 数 Web 站 点 上 ， 用 户 可 能 
不 会 注意 到 这 一 差别 。 只 有 当 有 一 个 高 通信 量 的 Web 站 点 且 在 页 面 上 有 很 多 控件 时 , 使 用 HIML 
控件 才 会 提供 稍 好 一 些 的 性 能 。 

在 大 多 数 情况 下 ， 人 们 更 愿意 使 用 服务 器 控件 而 不 是 与 它们 对 应 的 HTML 控件 。 因 为 服务 器 
控件 提供 了 更 多 的 功能 ， 在 页 面 中 更 灵活 ， 可 以 给 用 户 带 来 更 丰富 的 体验 ， 而 且 有 比较 好 设计 时 
支持 ， 因 此 值得 选择 。 如 果 十 分 确信 不 需要 服务 器 控件 提供 的 这 些 功能 ， 则 可 以 选择 HTML 控件 。 


(3)2.3 数据 控件 


数据 控件 是 在 ASP.NET 2.0 中 引入 的 , 它 提供 了 非常 方便 的 方式 来 访问 各 种 数据 源 ， 如 数据 
库 、XML 文件 以 及 对 象 。 使 用 数据 控件 ， 不 需要 像 在 ASPNET 的 早期 版 本 中 那样 编写 很 多 的 代 
码 才能 访问 数据 源 ， 而 只 需 把 数据 控件 指向 适当 的 数据 源 即 可 ，ASPNET 运行 库 会 负责 处 理 大 
部 分 难题 。 在 本 书 的 第 5 章 中 将 重点 介绍 这 些 控件 的 使 用 。 


(8)24 验证 控件 


ASPNET 4.0 为 开发 人 员 提供 了 一 套 完整 的 服务 器 控件 来 验证 用 户 输入 的 信息 是 否 有 效 , 这 
些 控件 可 与 ASPNET 网 页 上 的 任何 控件 (包括 HTML 和 服务 器 控件 ) 一 起 使 用 。 
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有 效 性 验证 控件 最 出 色 的 是 它们 能 在 客户 端 和 服务 器 上 检查 输入 。 当 向 Web 页 面 中 添加 一 
个 有 效 性 验证 控件 时 ， 控 件 就 会 呈现 在 客户 端 验证 关联 控件 有 效 性 的 JavaScript。 大 多 数 启用 了 
JavaScript 的 现代 Web 浏览 器 (包括 正 、Firefox、Chrome、Opera 和 Safari) 都 能 进行 这 种 客户 端 有 
效 性 验证 。 同时， 有 效 性 验证 也 可 以 在 服务 器 上 自动 进行 。 这 样 就 容易 向 用 户 提供 关于 使 用 客户 
端 脚本 的 数据 的 即时 反馈 ， 从 而 使 Web 页 面 在 服务 器 上 免 受 伪 数 据 的 侵扰 。 

1. 验证 控件 简介 


ASPNET 提供 了 6 个 有 效 性 验证 控件 ， 其 中 5 个 控件 用 来 执行 实际 的 有 效 性 验证 ， 而 只 有 
ValidationSummary 控件 用 来 向 用 户 呈 现 页 面 中 出 现 的 错误 的 反馈 信息 。 如 表 3-4 所 示 列 出 了 
ASP.NET 提供 的 验证 控件 及 其 功能 说 明 。 


表 3-4 ASP.NET 验证 控件 


验证 类 型 
必 选 项 


与 某 值 的 比较 


范围 检查 


模式 匹配 


用 户 定义 


验证 汇总 





使 用 的 控件 
RequiredFieldValidator 


CompareValidator 


RangeValidator 


RegularExpressionValidato 


CustomValidator 


ValidationSummary 

















说 明 
验证 一 个 必 填 字 段 ， 如 果 该 字段 没 填 ， 那 么 将 不 能 提交 信息 
将 用 户 的 输入 与 一 个 常数 值 或 者 另 一 个 控件 或 特定 数据 类 型 
的 值 进 行 比较 (使 用 小 于 、 等 于 或 大 于 等 比较 运算 符 ), 同时 也 
可 以 用 来 校 验 控件 中 内 容 的 数据 类 型 ， 例 如 整形 、 字 符 串 型 
等 。 典 型 的 例子 有 验证 密码 和 确认 密码 两 个 字段 是 否 相等 
RangeValidator 控件 可 以 用 来 判断 用 户 输入 的 值 是 否 在 某 一 
特定 范围 内 。 可 以 检查 数字 对 、 字 母 对 和 日 期 对 限定 的 范围 。 
属性 MaximumValue 和 MinimumValue 用 来 设 定 范围 的 最 大 
值 和 最 小 值 
它 根 据 正则 表达 式 来 验证 用 户 输入 字段 的 格式 是 否 合法 ， 如 
电子 邮件 、 身 份 证 、 电 话 号 码 等 。ControlToValidate 属性 确 
定 需 要 验证 的 控件 ，ValidationExpression 属性 则 确定 需要 验 
证 的 表达 式 的 样式 
使 用 自己 编写 的 验证 逻辑 检查 用 户 输入 。 此 类 验证 能 够 检查 
在 运行 时 派生 的 值 。 在 运行 定制 的 客户 端 JavaScript 或 
VBScript 函数 时 ， 可 以 使 用 这 个 控件 
该 控件 不 执行 验证 ， 但 该 控件 将 本 页 所 有 验证 控件 的 验证 错 
误 信 息 汇总 为 一 个 列表 并 集中 显示 ， 列 表 的 显示 方式 由 
DisplayMode 属性 设置 


表 3-4 的 前 5 个 验证 控件 基本 上 都 继承 自 同一 个 基 类 ， 因 此 它们 有 一 些 共同 的 行为 ，5 个 有 
效 性 验证 控件 中 的 4 个 以 相同 的 方式 操作 , 并 包含 允许 验证 关联 控件 的 内 置 行为 ,CustomValidator 
控件 则 允许 用 户 写 非 内 置 的 自 定义 功能 。 如 表 3-5 所 示 为 有 效 性 验证 控件 共有 的 常用 属性 。 
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表 3-5 有 效 性 验证 控件 的 共有 属性 
属 性 说 明 
这 个 属性 确定 隐藏 的 错误 消息 是 否 占用 空间 。 如 果 将 Display 设置 为 Static, 错误 消息 就 











ispl: 
oy 会 占用 屏幕 空间 ， 即 使 在 隐藏 时 也 是 如 此 ， 如 果 设置 为 None， 错 误 消息 就 看 不 到 
CssClass 这 个 属性 允许 设置 应 用 到 错误 消息 文本 的 CssClass 特性 
这 个 属性 保存 用 在 ValidationSummary 控件 中 的 错误 消息 。 当 Text 属性 为 空 时 ， 也 用 
ErorMessage 
ErrorMessage 值 作为 出 现在 页 面 上 的 文本 





Text 属性 用 作 有 效 性 验证 控件 显示 在 页 面 上 的 文本 。 它 可 以 是 一 个 星 号 (9) 以 表示 出 现 一 
个 错误 ， 也 可 以 是 具体 的 文本 信息 

ControlToValidate 这 个 属性 包含 需要 验证 有 效 性 的 控件 的 ID 

EnableClientScript 这 个 属性 用 于 确定 控件 是 否 提供 客户 端的 有 效 性 验证 ， 默 认为 True 

SetFocusOnError 这 个 属性 确定 客户 端 脚本 是 否 将 焦点 放 在 产生 错误 的 第 一 个 控件 上 ， 默 认 值 为 False 
有 效 性 验证 控件 可 以 组 合 在 一 起 ， 允 许 对 选中 的 控件 进行 有 效 性 验证 。 同 一 个 
ValidationGroup ValidationGroup 中 的 所 有 控件 都 会 被 同时 检查 ， 这 意味 着 如 果 控件 不 是 这 个 控件 组 的 一 
部 分 ， 就 不 对 它 进行 有 效 性 验证 

通常 在 设计 时 不 会 设置 这 个 属性 ， 不 过 在 运行 时 它 提供 关于 是 否 通 过 了 有 效 性 验证 测试 


Text 


























IsValid 
基 | -一 的 信息 
础 
旺 
浙 知识 点 
乍 一 看 ，Text 和 ErrorMessage 属性 的 作用 似乎 是 一 样 的 。 它们 都 可 以 用 来 以 错误 消息 的 形式 向 用 户 提 
系 供 反馈 。 但 是 当 与 ValidationSummary 控件 结合 起 来 使 用 时 ， 两 者 之 间 就 有 了 细微 的 区 别 。 当 同时 设置 这 


两 个 属性 时 ，Validation 控件 显示 Text 属性 ， 而 ValidationSummary 控件 则 显示 ErrorMesage。 


除了 上 述 共有 属性 之 外 ，RangeValidator 控件 还 有 如 表 3-6 所 示 的 重要 属性 。 
表 3-6 RangeValidator 控件 的 重要 属性 


该 属性 确定 可 接受 的 最 小 值 。 例 如 ， 当 检查 1 一 10 之 间 的 整数 时 ， 将 该 属性 设置 为 1 
MaximumValue | 该 属性 确定 可 接受 的 最 大 值 。 例 如 ， 当 检查 1 一 10 之 间 的 整数 时 ， 将 该 属性 设置 为 10 








该 属性 确定 有 效 性 验证 控件 检查 的 数据 类 型 ， 可 以 设置 为 Stiing、Integer、Double、Date 或 
Cumency 来 检查 各 自 的 数据 类 型 
CompareValidator 控 件 能 用 来 比较 一 个 控件 的 值 与 另 一 个 控件 的 值 . 它 通常 用 在 注册 表单 中 ， 
用 户 必须 输入 两 次 密码 ， 以 确保 两 次 输入 的 密码 相同 。 也 可 以 不 与 另 一 个 控件 作 比较 ， 而 是 与 一 
个 常量 值 比 较 。CompareValidator 控件 的 其 他 属性 如 表 3-7 所 示 。 
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表 3-7 CompareValidator 控件 的 其 他 属性 








属 性 说 明 
ControlToCo 该 属性 包含 验证 器 要 与 之 比较 的 控件 ID。 设 置 了 该 属性 ，ValueToCompare 就 无 效 了 
该 属性 确定 比较 操作 的 类 型 。 如 ， 当 Operator 设置 为 Equal 时 ， 两 个 控件 都 必须 包含 验证 
Operator 器 认为 有 效 的 同一 个 值 。 类 似 地 ， 还 有 一 些 选项 ， 如 NotEqual 、GreaterThan 和 


GreaterThanEqual， 用 来 执行 不 同 的 有 效 性 验证 操作 

该 属性 确定 有 效 性 验证 控件 检查 的 数据 类 型 ， 可 以 设置 为 Sring、Integer、Double、Date 
或 Cumency 来 检查 各 自 的 数据 类 型 

该 属性 允许 定义 一 个 要 比较 的 常量 值 。 它 通常 用 在 必须 输入 Yes 这 样 的 单词 的 协议 中 , 表 
ValueToCompare ”| 示 同 意 某 些 条 件 。 只 要 将 ValueToCompare 设置 为 单词 Yes， 并 将 ControlToValidate 设置 
为 要 验证 有 效 性 的 控件 即 可 





Type 








ValidationSummary 控件 向 用 户 提供 了 它 从 单个 有 效 性 验证 控件 的 ErrorMessage 属性 中 检索 
到 的 一 个 错误 列表 。 它 能 以 3 种 不 同 的 方式 显示 这 些 错误 : 使 用 一 个 嵌 在 页 面 中 的 列表 ， 使 用 
JavaScript 警报 框 或 者 同时 使 用 这 两 种 方式 。 可 以 通过 ShowMessageBox 和 ShowSummary 属性 控 
制 这 个 设置 。 此 外 , 通过 DisplayMode 属性 可 以 修改 表现 错误 列表 的 方式 , 默认 设置 为 BulletList， 
其 中 每 个 错误 都 是 项 目 列表 中 的 一 个 项 。 

2. 使 用 验证 控件 


【 例 3-4】 演 示 验 证 控件 的 使 用 。 
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将 是 将 早 


(1) 启动 VWD 2010， 选择 【文件 〗| 【新 建 网 站 】 命 令 ， 新 建 网 站 【 例 3-4】〗， 单 击 【确定 】 | 
按钮 。 材 
(2) 打开 Default.aspx 文件 的 设计 视图 ， 选 择 【 表 】|【 插 入 表 】 命 令 ， 打 开 【 插 入 表格 】 对 “| 系 





这 


话 框 ， 插 入 一 个 9 行 3 列 的 表格 ， 如 图 3-20 所 示 。 








图 3-20 【插入 表格 】 对 话 框 
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(3) 合并 第 一 行 的 3 个 单元 格 。 选 择 这 3 个 单元 格 ， 选 择 【 表 】〗| 【修改 】〗| 【合并 单元 格 】 
命令 。 
(4) 在 第 一 行 的 单元 格 中 输入 “请 输入 以 下 信息 ”。 在 第 2~8 行 的 单元 格 中 ， 第 一 列 单 元 格 
中 输入 文本 信息 ， 第 二 列 单元 格 中 添加 用 于 输入 信息 的 TextBox 控件 ， 第 三 列 单元 格 中 添加 相应 
的 验证 控件 。 在 最 后 一 行 中 ， 第 一 列 添加 一 个 Button 控件 ， 用 于 提交 表单 数据 ; 第 二 列 添加 一 
个 Label 控件 ， 用 于 显示 提示 信息 ; 第 三 列 添加 一 个 ValidationSummary 控件 ， 显 示 验 证 错误 信 
息 。 如 图 3-21 所 示 。 


请 输入 以 下 信息 

姓名 RequiredFieldyalidator 

年 龄 : mm RequircdFicldyalidatorRanscYalidator 

Email [5 RequiredFieldyalidatorRegularExpressionValidator 
， 门 Requiredpieldyalidator 

确认 密码 : 六 KequiredpieldyalidatorCompareValidator 

电话 ， 门 CustonValidator 

ee 


| Label : 人 











图 3-21 在 单元 格 中 添加 文本 信息 和 控件 


(5) 设置 TextBox4 和 TextBox5 的 TextMode 属性 为 “Password”。 

(6) 同时 选中 5 个 RequireFieldValidator 控件 ， 设置 其 Text 属性 为 “*”， 并 且 分 别 设置 它们 
的 ErrorMessage 届 性 为 “姓名 不 能 为 空 ”、“ 年 龄 不 能 为 空 ”、 “Email 不 能 为 空 ”、“ 密 码 不 
能 为 空 ” 和 “确认 密码 不 能 为 空 ”。 设 置 每 个 RequireFieldValidator 控件 的 ControlToValidator 属 
性 为 其 所 在 行 的 TextBox 控件 的 ID。 

(7) 设置 RangeValidation 控件 的 ControlToValidator 属性 为 “TextBox2”，Minimum Value 
属性 为 “1”，Maximum 属性 为 “100”，Type 属性 为 “Integer”，ErrorMessage 属性 为 “年 龄 
范围 必须 是 1~100”， 

(8) 设置 RegularExpressionValidation 控件 的 ControlToValidator 属性 为 “TextBox3”， 
ErrorMessage 属性 为 “Email 格式 错误 ”; 然后 单 击 ValidationExpression 属性 右边 的 浏览 按钮 ， 
在 弹出 的 【正则 表达 式 编辑 器 〗 对 话 框 中 选择 【Intemet 电子 邮件 地 址 〗 选 项 ， 如 图 3-22 所 示 。 
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图 3-22 【正则 表达 式 编辑 器 】 对 话 框 





(9) 设置 CompareValidation 控件 的 ControlToValidator 属性 为 “TextBox5”, ControlToCompare 
属性 为 “TextBox4”，ErrorMessage 属性 为 “两 次 输入 的 密码 不 相同 ， 请 重新 输入 ”。 
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(10) 设置 CustomValidator 控件 的 Display 属性 为 “Dynamic”，ErrorMessage 属性 为 “电话 
和 手机 至 少 要 输入 一 个 ”，ClientValidationFunction 属性 为 “ValidatePhone”， 然 后 为 该 控件 添 
加 ServerValidate 事件 处 理 程序 。 代 码 如 下 : 


Protected void CustomValidatorl ServerValidate(object source, ServerValidateEventArgs args) 
if (!string.IsNullOrEmpty(TextBox6. Tex?t) ll!string.IsNullOrEmpty(TextBox7.Text)) 
{ 
args.IsValid = true; 
中 
else 
{ 
argsJsValid = false: 


} 
(11) 切换 到 页 面 的 源 视图 ， 在 <body> 之 前 添加 如 下 JavaScript 代码 : 


<script type="text/javascript"> 
function ValidatePhone(source, args) { 
var telephone = document.getElementById(<%= TextBox6.ClientID %>"): 
var mobile = document.getElementById(<%= TextBox7.ClientID %>"): 
if (telephone.value {=" || mobile.value {=") { 


args.IsValid = true: 
} 
else { 
args.IsValid = false: 
} 
} 
‘</script> 


上 述 JavaScript 函数 ValidatePhone 确保 在 将 页 面 提交 回 服务 器 之 前 至 少 输入 了 一 个 电话 号 码 。 
(12) 设置 按钮 控件 的 Text 属性 为 “提交 ”，Label 控件 的 Text 属性 为 空 。 为 按钮 控件 添加 
单 击 事件 处 理 程序 ， 代 码 如 下 : 


protected void Buttonl_Click(object sender. EventArgs 日 
Labell.Text = "全 部 验证 通过 ! ": 
} 


(13) 编译 并 运行 程序 ， 在 浏览 器 中 加 载 页 面 Default.aspx， 如 果 没 有 输入 任何 信息 ， 或 者 输 
入 的 信息 不 合法 ， 系 统 将 给 出 错误 提示 ， 如 图 3-23 所 示 。 
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/SZ http://1ocalhost:1525/ 例 3-4/Default. aspx - Windows Internet Explorer 尾 ] 后 | 几 





GO ~ | 坊 htp://1ocalhost 1525/xE4xBExaB3-4/Defw v1 X | 于 Ee 





文件 四 ”编辑 于 ) ”查看 (0 收 豪 夹 ”工具 民 ) 帮助 人 D 
帘 会 | 四 http://locahostlszs/xEexapxap- | | 全 - 副 -人 -和 IRO-” 








a 


请 输入 以 下 信息 
姓名 ， * 
年 龄 ， 年 龄 范围 必须 是 1~100 
EmaiI 属 式 错误 
确认 密码 ， | IE 
电话 ， 电话 和 手机 至 少 要 输入 一 个 
手机 ， 
。 姓名 不 能 为 空 
。 年龄 范围 必须 是 1~100 
。 Emai 赂 式 错误 
。 密码 不 能 为 补 
。 确认 密码 不 能 为 空 
。 电话 和 手机 至 少 要 输入 一 个 
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图 3-23 页 面 验证 效果 


(14) 回 到 VWD 中 ,将 ValidationSummary 控件 的 ShowMessageBox 设置 为 True,ShowSummary 
设置 为 False， 同 时 将 它 的 HeaderText 属性 设置 为 “错误 提示 ” 。 
(15) 再 次 编译 并 运行 程序 ， 在 浏览 器 中 打开 页 面 ， 注 意 此 时 得 到 的 不 是 含有 错误 的 内 联 列 
表 ， 而 是 一 个 警告 对 话 框 ， 如 图 3-24 所 示 。 
EC 
GO- 由 Mttp://1ocslhost:1525/XE4XBEXB3-4/Defw v5 XX 营 刘 中 io 


帘 俩 ” 生 http:/1lecalhost:15251yE4XBEY9D3- 丛 - 回 - 邮 - 电 ID -会 IRO- ”> 


请 输入 以 下 信息 
姓名 ， 
年 龄 ， 
Email, 
密码 : 


确认 密码 ， 
电话 ， 
手机 ， 








图 3-24 错误 信息 以 警告 对 话 框 形式 给 出 
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(16) 如 果 信 息 输入 全 部 正确 ， 则 所 有 验证 通过 ， 如 图 3-25 所 示 。 





GO- 其 http /ocdhost -1525/ YE4 Yt X | 
文件 编辑 四 ”查看 W) 收藏 天 册 工具 吕 于 助人 0 
寅 站 | 臣 http://locahost:15. | 从 -加 -一下 大 四 











请 输入 以 下 信息 

姓名 ， 蔓 靖 机 

年 龄 ， 25 

Eu [AGE | 
TT- 
确认 密码 ， | 

电话 ， 

手机 ， 








图 3-25 所 有 验证 通过 


每 当 将 一 个 Web 站 点 发 布 到 Intemet 上 后 ， 就 失去 了 控制 其 用 户 的 能 力 。 为 了 防止 恶意 用 户 向 系统 中 输 


将 是 空 时 


入 伪 数 据 ， 总 是 要 使 用 ASPNET 的 有 效 性 验证 控件 验证 用 户 输入 的 有 效 性 。 


兰 





实测 十 沦 


(3)2.5 导航 控件 


当 站 点 包含 的 页 面 比较 多 时 , 有 一 个 稳固 而 清晰 的 导航 结构 就 很 重要 , 这样 才能 让 用 户 顺 畅 
地 浏览 站 点 。 使 用 良好 的 导航 系统 ， 项 目 中 所 有 没有 连接 的 Web 页 面 就 会 形成 一 个 完整 而 连贯 
的 Web 站 点 。 
ASPNET 4.0 提供 了 3 个 有 用 的 导航 控件 : SiteMapPath、Menu 和 TreeView。 
@@ SiteMapPath: 这 个 Web 控件 提供 一 个 面包 条 (breadcrumb)， 它 是 一 行文 本 ， 显 示 用 户 当 
前 在 网 站 结构 中 的 位 置 。 例 如 ， 在 网 上 书店 中 ， 如 果 用 户 浏览 到 《Visual C++》 时 ， 面 
包 条 可 能 类 似 于 “主页 -> 计算 机 -> 编程 类 ->Visual C++”， 其 中 每 部 分 (如 主页 ， 计 算 机 
等 ) 都 显示 为 返回 到 前 一 部 分 的 链接 。 面 包 条 能 够 让 用 户 快速 地 查看 当前 在 网 站 中 的 位 
管 ， 并 沿 逻 辑 层次 结构 向 上 导航 。 
@@ ”Menu: 这 个 Web 控件 提供 网 站 结构 的 层次 视图 。 对 于 学 校 的 网 站 ， 顶 层 菜 单 将 包含 主 
类 别 (如 学 校 介 绍 、 机 构 设 置 、 新 闻 等 )， 每 个 菜单 项 又 可 以 包含 各 自 的 子 菜单 ， 显 示 各 
自 的 子 类 别 。 
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加 ”TreeView: 树 视图 提供 了 与 菜单 相同 的 数据 , 唯一 的 区 别 是 显示 数据 的 方式 。 树 视图 显 
示 为 可 展开 或 可 折 释 的 树 ， 而 菜单 (Menu) 是 由 菜单 项 和 子 菜单 组 成 。 
一 般 情况 下 ， 开 发 人 员 利 用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 ， 利 用 Menu 控件 或 
者 TreeView 控件 实现 自 定义 导航 。 
1. 创建 站 点 地 图 


为 了 更 容易 地 使 用 Menu、TreeView 或 SiteMapPath 显示 站 点 中 的 相关 页 面 ， ASP.NET 使 用 
-个 基于 XML 的 文件 来 描述 Web 站 点 的 逻辑 结构 。 默 认 情 况 下 ， 这 个 文件 名 为 Web.sitemap。 
然后 站 点 中 的 导航 控件 会 用 这 个 文件 以 有 组 织 的 方式 表现 相关 的 链接 。 只 要 将 一 个 导航 控件 与 这 
个 Web.sitemap 文件 挂 勾 ， 就 能 创建 出 复杂 的 用 户 界面 元 素 ， 如 折合 菜单 或 树 型 视图 等 。 


知识 点 
默认 情况 下 ， 应 将 站 点 地 图 文件 命名 为 Web.sitemap， 这 样 控件 就 可 以 自动 找到 正确 的 文件 对 于 更 
高 级 的 情况 ,可 以 有 多 个 不 同名 称 的 站 点 地 图 文件 ， 且 在 向 系统 提供 这 些 附加 文件 的 Web.config 中 有 一 个 





配置 设置 。 在 大 多 数 情况 下 ， 有 一 个 站 点 地 图 文件 就 足够 了 。 


站 点 地 图 文件 的 基础 版 本 如 下 所 示 : 


<?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0"> 


基 
础 
与 
实 


上 尘 





四 <siteMapNode url="~/" title="Home" description="Go to the homepage"> 
系 <siteMapNode url="~/Reviews" title="Reviews" description="Reviews published on this site" /> 
列 <siteMapNode url="~/About" title="About” description="About this site" /> 
</siteMapNode> 
</siteMap> 


这 个 站 点 地 图 文件 的 根 节点 是 siteMap， 其 下 使 用 siteMapNode 节点 建立 层次 结构 ， 每 个 
siteMapNode 可 以 有 多 个 子 节点 (但 是 ， 在 siteMap 元 素 下 只 能 有 一 个 siteMapNode)， 子 节点 仍然 
用 <siteMapNode> 定 义 ， 可 以 用 来 创建 一 个 既 有 广度 又 有 深度 的 站 点 结构 。 在 本 例 中 ， 只 有 一 个 
名 为 Home 的 根 节点 ， 它 包含 两 个 子 元 素 : Reviews 和 About。 本 例 中 的 siteMapNode 元 素 有 3 
个 属性 : url、title 和 description。 

图 al 属性 应 指向 Web 站 点 中 的 有 效 页 面 。 可 以 用 “~” 语 法 来 引用 基于 应 用 程序 根 文件 

夹 的 URL。 

@ “title 属性 用 作 显 示 页 面 的 名 称 。 在 使 用 Menu、TreeView 和 SiteMapPath 控件 时 将 看 到 

关于 它 的 更 多 信息 。 

@ ”description 属性 用 作 导 航 元 素 的 工具 提示 。 
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虽然 ASP.NET 运行 库 不 允许 多 次 指定 同一 个 URL, 但 是 可 以 通过 添加 一 个 查询 字符 囊 使 URL 唯一 以 绕 


过 这 一 问题 。 例 如 ，~/Login aspx 和 ~/Login.aspx?type=Admin 会 被 看 作 是 两 个 不 同 的 页 面 。 





为 了 能 够 使 用 Web.sitemap 文件 ，ASP.NET 使 用 了 SiteMapDataSource 控件 ， 这 是 一 个 数据 
控件 。 当 使 用 SiteMapPath 控件 显示 “痕迹 导航 ”时 ，ASPNET 会 自动 找到 Web.sitemap 文件 。 
使 用 另外 两 个 导航 控件 时 ， 则 需要 显 式 地 指定 一 个 SiteMapDataSource 作为 Web.sitemap 文件 的 
中 间 层 。 

VWD 没有 自动 基于 当前 站 点 的 结构 创建 站 点 地 图 文件 的 方式 。 要 创建 一 个 有 用 的 
Web.sitemap 文件 ， 需 要 向 站 点 添加 一 个 文件 ， 然 后 手动 向 该 文件 添加 必需 的 siteMapNode 元 素 。 

【 例 3-5】 创 建 Web.sitemap 文件 。 

(1) 启动 VWD 2010， 选 择 【〖 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 3-53〗， 单 击 【 确 定 】 
按钮 。 

(2) 在 【解决 方案 资源 管理 器 〗 面 板 中 ， 右 击 【 例 3-5】〗 解 决 方案 ， 从 弹出 的 快捷 菜单 中 选 
择 【添加 新 项 】 命 令 ， 在 打开 的 【添加 新 项 】〗】 对 话 框 中 选择 【站 点 地 图 〗 选 项 ， 保 持 默认 名 称 为 
Web.sitemap， 单 击 【 添 加 】 按 钮 。 

(3) 新 添加 的 Web.sitemap 文件 中 会 出 现 一 个 包含 两 个 子 节点 的 根 元素 ， 修 改 Web.sitemap 
文件 如 下 : 

<?xml version="1.0" encoding="utf-8" ?> 

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 

<siteMapNode url="~/Default.aspx" title=" 首 页 " description=" 首 页 "> 

<siteMapNode url="~/Info.aspx" title=" 学 校 简介 " description=" 学 校 简介 " > 

</siteMapNode> 

<siteMapNode url="~/Depart.aspx" title=" 院 系 设置 " description=" 院 系 设置 " > 
<siteMapNode url="~/Depart1.aspx" title=" 软 件 学 院 " description=" 软 件 学 院 " /> 
<siteMapNode url="~/Depart2.aspx" title=" 管 理学 院 " description=" 管 理学 院 " > 

</siteMapNode> 

</siteMapNode> 

</siteMap> 


(4) 保存 文件 ， 完 成 站 点 地 图 的 创建 。 

Web.sitemap 文件 本 身 用 处 并 不 大 ， 需 要 向 站 点 中 添加 导航 控件 来 使 用 站 点 地 图 。 下 面 将 介 
绍 如 何 使 用 导航 控件 来 实现 网 站 导航 。 

添加 站 点 地 图 到 应 用 程序 中 时 ， 需 要 将 站 点 地 图 放 在 Web 应 用 程序 的 根 目录 下 ， 并 保持 其 
文件 名 为 Web.sitemap。 如 果 将 该 文件 放 在 另 一 个 文件 夹 中 或 使 用 不 同 的 文件 名 ， SiteMapPath 
导航 控件 将 不 能 找到 站 点 地 图 ， 从 而 不 能 知道 网 站 的 结构 ， 因 为 默认 情况 下 SiteMapPath 导航 控 
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件 在 根 目录 下 寻找 名 为 Web.sitemap 的 文件 。 


避 提示 
内 部 没有 内 容 的 XML 元 素 可 以 采用 两 种 形式 的 结束 标签 ， 一 种 是 宛 余 方式 ， 如 <myTag attribute= 





"value"…></myTag>， 另 一 种 是 使 用 简洁 方式 ， 如 <myTag attribute="value".…/>。 


2. 使 用 SiteMapPath 控件 


定义 好 站 点 地 图 之 后 ， 就 可 以 使 用 SiteMapPath 控件 显示 导航 路 径 了 ， 也 就 是 显示 当前 页 面 
在 网 站 中 的 位 置 。 只 需要 将 该 控件 拖 放 到 站 点 地 图 中 包含 的 .aspx 页 面 上 ， 它 就 会 自动 实现 导航 ， 
不 需要 开发 者 编写 任何 代码 。 

SiteMapPath 控件 显示 了 当前 在 站 点 结构 中 的 位 置 。 它 将 自身 表现 为 一 系列 链接 ， 常 称 之 为 
痕迹 导航 (breadcrumb)。 它 是 一 个 非常 简单 但 功能 强大 的 控件 , 有 50 多 个 公共 属性 , 可 以 通过 【 属 





如 提示 
只 有 包含 在 站 点 地 图 中 的 网 页 才能 被 SiteMapPath 控件 导航 ; 如 果 将 SiteMapPath 控件 放置 在 站 点 地 图 中 





未 列 出 的 网 页 中 ， 该 控件 将 不 会 显示 任何 信息 。 


SiteMapPath 控件 像 大 多 数 Web 控件 一 样 ， 也 有 很 多 可 用 于 定制 其 外 观 的 属性 。 如 表 3-8 所 
示 为 SiteMapPath 控件 的 常用 属性 。 
表 3-8 SiteMapPath 控件 的 常用 属性 














属 性 说 了 明 
CurentNodeStyle 定义 当前 节点 的 样式 ， 包 括 字 体 、 颜 色 、 样 式 等 
NodeStyle 定义 导航 路 径 上 所 有 节点 的 样式 
; 指定 在 导航 路 径 上 显示 的 相对 于 当前 节点 的 父 节 点 层 数 。 默认 值 为 -1， 表示 父 级 别 数 
ParentLevelsDisplayed 
没有 限制 
指定 导航 路 径 上 各 节点 的 显示 顺序 ， 默 认 值 为 RootToCurrent， 即 按 从 左 到 右 的 顺序 
PathDirection 显示 从 根 节点 到 当前 节点 的 路 径 ， 另 一 选项 为 CurrentToRoot， 即 按 相 反 的 顺序 显示 
导航 路 径 
PathSeparator 指定 导航 路 径 中 节点 之 间 的 分 隔 符 。 默 认 值 为 >， 也 可 自 定义 为 其 他 符号 
PathSeparatorStyle 定义 分 隔 符 的 样式 
RenderCurrentNodeAsLink| 是 否 将 导航 路 径 上 当前 页 名 称 显示 为 超 链接 ， 默 认 值 为 false 
RootNodeStyle 定义 根 节 点 的 样式 
当 鼠 标 悬 停 于 导航 路 径 的 某 个 节点 时 , 是 否 显示 相应 的 工具 提示 信息 , 默认 值 为 tme， 
即 当 鼠 标 悬 停 于 某 节 点 上 时 ， 显 示 该 节点 在 站 点 地 图 中 定义 的 Description 属性 值 
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下 面 通过 具体 例子 演示 如 何 利用 前 面 介绍 的 站 点 地 图 和 SiteMapPath 控件 来 实现 自动 导航 。 
【 例 3-6】 在 例 【3-5】 的 基础 上 ， 利 用 SiteMapPath 控件 实现 自动 导航 。 

(1) 启动 VWD 2010， 打 开 网 站 【 例 3-5】。 

(2) 在 【解决 方案 资源 管理 器 〗 中 ， 分 别 添 加 名 为 Info.aspx、Depart.aspx、Departl.aspx、 
Depart2.aspx 的 网 页 。 

(3) 在 每 个 页 面 中 都 添加 一 个 SiteMapPath 控件 ,在 设计 视图 中 可 以 看 到 该 页 面 的 导航 路 径 ， 
如 图 3-26 所 示 为 Depart2.aspx 的 设计 视图 效果 。 可 见 ， 利 用 站 点 地 图 和 SiteMapPath 控件 实现 自 
动 导航 非常 方便 。 

[En 攻 和 
图 3-26 添加 SiteMapPath 控件 后 的 效果 











(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 不 同 的 页 面 ， 体 验 导 航 的 便捷 。 

如 果 要 在 客户 端 查看 源 文件 ， 可 以 看 到 ，SiteMapPath 呈现 为 一 系列 包含 一 个 链接 或 纯 文本 
的 <span> 元 素 。 

3. 使 用 Menu 控件 


Menu 控件 主要 用 于 创建 一 个 菜单 ， 让 用 户 快速 选择 不 同 的 页 面 ， 从 而 完成 导航 功能 。 该 控 
件 可 以 包含 一 个 主 菜 单 和 多 个 子 菜单 。 菜单 有 动态 和 静态 两 种 显示 模式 。 静 态 显 示 模式 是 指定 义 
的 菜单 始终 完全 显示 ， 动 态 显 示 模 式 是 指 需要 用 户 将 鼠标 停留 在 菜单 项 上 时 才 显 示 子 菜单 。 
Menu 控件 的 常用 属性 如 表 3-9 所 示 。 
表 3-9 Menu 控件 的 常用 属性 
属 性 说 了 明 
DynamicEnableDefaultPopOutImage “| 是 否 在 菜单 各 项 之 间 显 示 分 隔 图 像 ， 默 认 值 为 true 
StaticEnableDefaultPopOutImage 





DynamicPopOutImageUrl 设置 菜单 中 自 定义 分 隔 图 像 的 URL 

StaticPopOutImageUrl 

DynamicBottomSeparatorImageUrl 指定 在 菜单 项 下 方 显示 分 隔 图 像 的 URL， 默 认 值 为 空 字符 串 (")， 即 菜 
StaticBottomSeparatorImageUrl 单项 下 方 不 显示 任何 图 像 

DynamicTopSeparatorImageUrl 指定 在 菜单 项 上 方 显示 分 隔 图 像 的 URL， 默 认 值 为 空 字符 串 (")， 即 菜 
StaticTopSeparatorImageUrl 单项 上 方 不 显示 任何 图 像 

DynamicHorizontalOffset 指定 菜单 相对 于 其 父 菜单 的 水 平 距离 ， 单 位 是 像素 ， 默 认 值 为 0， 该 属 
StaticHorizontalOffset 性 值 可 正 可 负 ， 为 负 值 时 ， 各 菜单 之 间 的 距离 会 缩小 
DynamicVerticalOffset 指定 菜单 项 相对 于 其 父 菜单 项 的 垂直 距离 

StaticVerticalOffset 





MaximumDynamicDisplayLevels 。 | 设置 动态 菜单 的 最 大 层 数 ， 默 认 值 为 3 
设置 菜单 的 展开 方向 ， 有 Horizontal 和 Vertical 两 个 选项 ， 默 认 值 为 
Vertical， 即 垂直 方向 
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( 续 表 ) 
属 性 说 了 明 
Ttems 获取 包含 Menu 控件 中 的 所 有 菜单 项 ， 返 回 MenultemCollection 对 象 
DataSourceID SiteMapDataSource 控件 的 ID， 为 Web sitemap 文件 中 的 菜单 提供 数据 
_ ASPNET 4.0 中 新 增 的 属性 。 这 个 属性 用 于 确定 控件 是 使 用 表 和 内 联 样 
RenderingMode 
式 ， 还 是 使 用 无 序列 表 和 CSS 样式 来 显示 自身 
ASPNET 4.0 中 新 增 的 属性 。 这 个 属性 使 得 开发 人 员 可 以 完全 控制 控件 
IncludeStyleBlock 





的 样式 


Menu 控件 的 用 法 非常 灵活 ， 设 计 者 可 以 利用 它 定义 各 种 菜单 样式 ， 实 现 类 似 于 Windows 
窗口 菜单 的 功能 。 
下 面 通过 一 个 具体 的 例子 演示 如 何 利用 Menu 控件 实现 自 定义 导航 。 
【 例 3-7】 使 用 Menu 控件 在 网 页 中 添加 一 个 菜单 ， 实 现 自 定 义 导 航 功 能 。 
(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 例 3-7】。 
(2) 在 应 用 程序 中 分 别 添加 名 为 One.aspx、Twol.aspx、Two2.aspx、Two3.aspx、Threel.aspx 
和 Three2.aspx 的 网 页 。 
(3) 打开 Default.aspx 文件 的 设计 视图 ， 向 页 面 拖 放 一 个 Menu 控件 。 
(4) 将 Menu 控件 的 Orientation 属性 设置 为 Horizontal， 以 便 使 其 横向 排列 。 
(5) 单 击 Menu 控件 右上 方 的 小 三 角 ， 打 开 【Menu 任务 〗 面 板 ， 选 择 【编辑 菜单 项 】〗 命 令 ， 
如 图 3-27 所 示 。 将 打开 【菜单 项 编辑 器 〗 对 话 框 ， 如 图 3-28 所 示 。 在 此 输入 各 级 菜单 项 。 
主音 项 编辑 器 
属性 外 ) 
要 和 1 加 


| vieatelrl 
FopOutInagelrl 


Selectable 
Selected 
SeparatorInaeelr 
1 






Wenn 任务 
上 蛋 动 办 用 将 民 -… 
选择 数据 源 : 【ED) 加 


视图 种 坊 四 











图 3-27 【Menu 任务 】 面 板 图 3-28 【菜单 项 编辑 器 】 对 话 框 

(6) 在 【菜单 项 编辑 器 】 窗 口 右 侧 的 属性 选项 中 ， 利 用 NavigateUrl 属性 设置 各 菜单 项 链接 
的 网 页 ， 可 以 单 击 该 属性 右 侧 的 浏览 按钮 打开 【选择 URL]】 对 话 框 ， 选 择 当 前 网 站 内 的 页 面 ， 
如 图 3-29 所 示 。 全 部 设置 完成 后 ， 单 击 【 确 定 】 按 钮 。 
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图 3-29 【选择 URL)】 对 话 框 


(7) 为 了 使 导航 菜单 更 美观 ， 可 以 给 Menu 控件 设置 一 下 格式 ， 单 击 Menu 控件 右上 方 的 小 
三 角 ， 打 开 【Menu 任务 】〗 面 板 ， 选 择 【 自 动 套用 格式 】〗 命 令 ， 打 开 【 自 动 套用 格式 〗 对 话 框 ， 
i 彩色 型 2 定 】 按 钮 ， 如 图 3-30 所 示 。 
选择 【彩色 型 】 架 构 ， 单 击 【确定 】 按 钮 ， 如 图 3-30 所 示 章 


自动 套用 格式 


学 校 简介 院 系 设置 ” 招生 与 就 业 ， 
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实 


兰 
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3-30 【自动 套用 格式 】 对 话 框 


(8) 切换 到 Default.aspx 的 源 视图 ， 可 以 看 到 生成 的 Menu 控件 的 代码 如 下 : 


<asp:Menu ID="Menul" runat="server" BackColor="#FFFBD6" 
DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" 
ForeColor="#990000" Orientation="Horizontal" StaticSubMenulIndent="10px"> 
<DynamicHoverStyle BackColor="#990000" ForeColor="White" /> 
<DynamicMenultemStyle HorizontalPadding="Spx" VerticalPadding="2px" /> 
<DynamicMenuStyle BackColor="#EFFBD6" /> 
<DynamicSelectedStyle BackColor="#EFCC66" /> 
<Items> 
<asp:Menultem NavigateUrl="~/One.aspx" Text=" 学 校 简介 " Value=" 学 校 简介 "></asp:Menultem> 
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<asp:MenuItem Text=" 院 系 设置 " Value=" 院 系 设置 > 
<asp:Menultem NavigateUrl="~/Twol.aspx" Text=" 软 件 学 院 " Value=" 软 件 学 院 "> 
</asp:MenuItem> 
<asp:Menultem NavigateUrl="~/Two2.aspx" Text=" 经 管 学 院 " Value=" 经 管 学 院 "> 
</asp:Menultem> 
<asp:Menultem NavigateUrl="~/Two3.aspx" Text=" 美 术 学 院 " Value=" 美 术 学 院 "> 
</asp:Menultem> 
</asp:Menultem> 
<asp:Menultem Text=" 招 生 与 就 业 " Value=" 招 生 与 就 业 "> 
<asp:Menultem NavigateUrl="~/Threel.aspx" Text=" 研 究 生 招生 " Value=" 研 究 生 招生 "> 
</asp:Menultem> 
<asp:Menultem NavigateUrl="~/Three2.aspx" Text=" 就 业 " Value=" 就 业 "></asp:Menultem> 
</asp:Menultem> 
</Items> 
伟 : <StaticHoverStyle BackColor="#990000" ForeColor= "White" /> 
Es <StaticMenultemStyle HorizontalPadding="Spx" VerticalPadding="2px" /> 
<StaticSelectedStyle BackColor="#EFCC66" /> 
</asp:Menu> 





(9) 编译 并 运行 程序 ， 在 浏览 器 中 打开 Default.aspx 网 页 ， 效 果 如 图 3-31 所 示 。 
与 http://1ocalhost:2279/ 例 3-7/Default.aspx - Win--- 此 | 加 网 

六 侈 司 - 戎 Mtpi//localhost:i Yt XX | 1] 

教 文件 @) 编辑 到 ) 查看 WW) 收 章 夹 以) 工具 C) 帮助 0) 

- 宽 安 | 臣 http://1ocdhost:22... 偷 - 园 - 咒 - 
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图 3-31 Menu 控件 实现 的 导航 效果 


知识 点 
除了 可 以 通过 菜单 项 编辑 器 编辑 Menu 控件 的 菜单 项 之 外 ， 还 可 以 为 其 指定 一 个 数据 源 ， 通 常 该 数据 





源 是 SiteMapDataSource 控件 。 有 关 该 控件 的 使 用 将 在 介绍 TreeView 控件 时 一 起 介绍 。 


4. 使 用 TreeView 控件 
TreeView 控件 与 Menu 控件 相似 ， 都 提供 了 导航 功能 。TreeView 控件 与 Menu 控件 的 区 别 





AR 
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是 它 不 再 像 Menu 控件 由 菜单 项 和 子 菜单 组 成 ， 而 是 用 一 个 可 折 欠 树 显示 网 站 的 各 个 部 分 。 其 根 
节点 下 可 以 包含 多 个 子 节点 , 子 节 点 下 又 可 以 包含 子 节点 , 最 下 层 是 叶 节 点 。 访问 者 可 以 快速 看 
到 网 站 的 所 有 部 分 及 位 于 网 站 结构 层次 中 的 位 置 。 树 中 的 每 个 节点 都 显示 为 一 个 超 链接 , 被单 击 
时 把 用 户 引 导 到 相应 的 部 分 。 

TreeView 控件 也 包含 很 多 属性 ， 其 中 常用 属性 如 表 3-10 所 示 。 


表 3-10 TreeView 控件 的 常用 属性 














属 性 说 明 
CollapseImageUrl 节点 折 敬 后 显示 的 图 像 。 默 认 情况 下 ， 常 用 带 方 框 的 + 号 作为 可 展开 指示 图 像 
CollapseImageToolTip | 当 用 户 将 鼠标 县 停 在 可 折 郑 菜单 项 上 时 显示 的 工具 提示 
ExpandImageUrl 节点 展开 后 显示 的 图 像 。 默 认 情况 下 ， 常 用 带 方 框 的 -号 作为 可 折 炙 指示 图 像 
EnableClientScript 是 否 可 以 在 客户 端 处 理 节点 的 展开 和 折价 事件 ， 默 认 值 为 tue 
二 第 一 次 显示 TreeView 控件 时 ， 树 的 展开 层次 数 ,默认 值 为 FullyExpand( 即 -1), 表示 全 

部 展开 所 有 节点 





ExpandImageToolTip 当 用 户 将 鼠标 悬 停 在 可 展开 菜单 项 上 时 显示 的 工具 提示 


Nodes 


设置 TreeView 控件 的 各 级 节点 及 其 属性 


ShowExpandCollapse 是 否 显示 折合 、 展 开 图 像 ， 默 认 值 为 te 


ShowLines 是 否 显示 连接 子 节点 和 父 节 点 之 间 的 连 线 ， 默 认 值 为 false 
指示 在 哪些 类 型 节点 的 文本 前 显示 复 选 框 。 其 共有 5 个 属性 值 : None( 所 有 节点 均 不 

ShowCheckBoxes 显示 )、Root( 仅 在 根 节点 前 显示 )、Parent( 仅 在 父 节点 前 显示 )、Leaf 仅 在 叶 节点 前 显示 ) 
和 All( 所 有 节点 前 均 显示 )。 默 认 值 为 None 

HoverNodeStyle 当 鼠 标 悬 停 于 节点 上 时 显示 的 节点 样式 

LeafNodeStyle 叶 节 点 的 样式 

LevelStyle 特殊 深度 节点 的 样式 

NodeStyle 所 有 节点 的 默认 样式 

ParentNodeStyle 父 节点 的 样式 

RootNodeStyle 根 节点 的 样式 





SelectedNodeStyle 选 定 节点 的 样式 


下 面 通过 一 个 例子 演示 如 何 利用 TreeView 控件 和 SiteMapDataSource 控件 实现 网 站 导航 。 

【 例 3-8】 在 例 【3-5】 的 基础 上 ， 利 用 TreeView 控件 实现 网 站 导航 功能 。 

(1) 启动 VWD 2010， 打 开 网 站 【 例 3-5】。 

(2) 在 【解决 方案 资源 管理 器 〗 中 ， 添 加 名 为 TreeView.aspx 的 网 页 。 

(3) 在 该 页 面 中 添加 一 个 TreeView 控件 ， 单 击 TreeView 控件 右上 方 的 小 三 角 ， 打 开 
【TreeView 任务 】 面 板 ， 在 【选择 数据 源 〗 下 拉 列 表 中 选择 【< 新 建 数据 源 >】〗 选 项 ， 如 图 3-32 


所 示 。 
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图 3-32 【TreeView 任务 】 面 板 


(4) 在 打开 的 【数据 源 配置 向 导 】〗 对 话 框 中 选择 【站 点 地 图 〗 选 项 ， 如 图 3-33 所 示 。 


数据 源 配置 向 导 


a 


应 用 程序 从 哪里 获取 数据 (1)? 


连接 到 此 应 用 程序 的 站 点 导航 权 重 求 应 用 程序 根 目录 处 有 一 个 有 效 的 站 点 地 图 文件 )。 


为 数据 源 指定 ID CI) 
[SitelapDataSourcel 
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图 3-33 【数据 源 配置 向 导 】 对 话 框 


(5) 单 击 【确定 】〗 按 钮 后 ，SiteMapDataSource 控件 将 从 Web.sitemap 文件 中 得 到 站 点 信息 ， 
此 时 的 TreeView 控件 如 图 3-34 所 示 。 
(6) 编译 并 运行 程序 ， 在 浏览 器 中 加 载 TreeView.aspx 页 面 ， 效 果 如 图 3-35 所 示 。 


OO- 感 http:Jioeauhesc vt x | 
文件 EF) 编辑 区) 查看 WD) 收 基 天 (A) 工具 CII) 帮助 HH) 
宽 安 其 http://localhost:10.. | 全- 卓 - 翅 - 
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图 3-34 设置 数据 源 后 的 TreeView 控件 图 3-35 _ TreeView 导航 示例 
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使 用 TreeView 时 遇 到 的 问题 与 在 早期 ASPNET 版 本 中 使 用 Menu 时 遇 到 的 相同 ， 即 产生 大 量 的 HIML 


标记 。 但 是 ,该 控件 没有 RenderingMode 属性 ， 因 此 ， 如 果 使 用 TreeView 控件 ， 将 会 在 处 理 基于 表 的 HTML 
时 遇 到 麻烦 。 





5. 关于 导航 的 实用 提示 


下 面 列 出 了 关于 网 站 导航 的 一 些 实用 提示 。 

@@“ 当 开 始 构建 一 个 知道 将 来 会 增长 的 Web 站 点 时 ， 创 建 一 个 逻辑 结构 。 不 要 把 所 有 文件 
都 放 在 Web 站 点 的 根 文 件 夹 中 ， 而 要 将 相关 的 文件 根据 逻辑 组 合 到 同一 个 文件 夹 中 。 
这 样 的 逻辑 组 合 可 以 使 站 点 容易 管理 ， 用 户 容易 找到 所 需 的 页 面 。 虽 然 用 Web.sitemap 
文件 很 容易 将 页 面 移 到 Menu 或 TreeView 中 ， 但 是 如 果 同 时 使 用 了 编程 方式 的 重 定向 
或 转换 时 就 较 难 了 ,因为 还 需要 更 新 服务 器 端 代码 以 反映 新 的 站 点 结构 。 为 了 创建 稳固 专 
的 页 面 结构 ,可 以 在 开始 构建 站 点 之 前 把 它 夯 在 纸 上 , 或 者 使 用 站 点 地 图 图 表 工具 ， 如 
Microsoft Visio。 

@ ”尽量 限制 显示 在 Menu 或 TreeView 控件 中 的 主 项 和 子 项 的 数目 。 如 果 供 用 户 选择 的 选 
项 列表 过 长 ， 用 户 会 迷路 或 者 混淆 。 

®@ ” 当 创 建 用 来 存储 页 面 的 文件 夹 时 ， 最 好 给 其 起 简短 且 有 迪 辑 的 名 称 。 


& )2.6 ”登录 控件 


与 数据 和 导航 控件 一 样 ， 登录 控件 也 是 在 ASPNET 2.0 中 引入 的 , 并 且 在 ASPNET 4.0 中 仍 
有 着 强大 的 功能 .有 了 登录 控件 , 只 需 很 少 的 工作 量 就 可 以 构建 安全 的 Web 站 点 , 另外 , ASP.NET 
4.0 还 提供 了 一 些 工具 ， 人 允许 用 户 修改 密码 ; 或 者 当 用 户 忘 记 密码 时 ， 可 以 请 求 一 个 新 的 密码 ， 
并 允许 根据 用 户 的 登录 状态 和 角色 显示 不 同 的 数据 。 

ASPNET 4.0 中 包含 7 个 登录 控件 ， 每 个 都 有 不 同 的 用 途 。 下 面 详细 介绍 每 个 控件 的 用 法 。 

1.Login 


Login 控件 允许 用 户 登录 到 站 点 。 而 在 后 台 ， 它 通过 应 用 程序 服务 与 配置 好 的 成 员 提供 者 
进行 通信 ， 查 看 用 户 名 和 密码 是 否 代表 系统 中 的 有 效用 户 。 如 果 用 户 通过 验证 ， 就 生成 发 送 到 
用 户 浏览 器 的 Cookie。 对 于 后 续 的 请 求 ， 浏 览 器 重新 提交 该 Cookie 给 服务 器 ， 这 样 系统 就 知 
道 它 仍 在 处 理 有 效用 户 。 成 员 提供 者 的 不 同 设置 都 在 Web.config 文件 的 <membership 人 > 元 素 中 
进行 配置 。 

Login 控件 的 常用 属性 如 表 3-11 所 示 。 
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表 3-11 Login 控件 的 常用 属性 











属 性 说 阴 
DestinationPageUrl 该 属性 定义 了 登录 请 求 成 功 后 将 用 户 发 往 哪 个 URL 
CreateUserText 该 属性 控制 用 于 邀请 用 户 注册 新 帐户 的 文本 
CreateUserUrl 该 属性 控制 用 户 注册 新 帐户 的 页 面 的 URL 





该 属性 指定 控件 是 否 显示 Remember Me 选项 。 如 果 设 置 为 false 或 在 登录 时 未 选中 该 
复 选 框 ， 那 么 每 次 关闭 和 重新 打开 浏览 器 时 ， 用 户 需 要 重新 进行 身份 验证 
RememberMeSet 该 属性 指定 最 初 是 否 选 择 Remember Me 选项 


PasswordRecoveryText _| 该 属性 控制 用 于 告诉 用 户 可 重 置 或 恢复 密码 的 文本 
PasswordRecoveryUrl 该 属性 确定 用 户 可 获取 新 密码 的 页 面 的 URL 


VisibleWhenLoggedIn 该 属性 控制 当前 用 户 登录 时 控件 是 否 可 见 ， 默 认 值 为 me 


DisplayRememberMe 














除了 这 些 属性 ，Login 控件 还 有 一 些 Text 属性 ， 如 LoginButtonText、RememberMeText、 
TitleText 和 UserNameLabelText, 这 些 属性 用 于 设置 控件 中 和 其 子 控件 (如 组 成 用 户 界面 的 Button 
和 Label 控件 ) 上 出 现 的 文本 信息 。 

默认 情况 下 ，ASP.NET 的 身份 验证 机 制 假定 在 站 点 的 根 目 录 下 有 一 个 用 于 用 户 登 录 的 页 面 
Login.aspx。 这 个 页 面 要 想 生 效 ， 最 少 需 要 有 一 个 Login 控件 。 如 果 要 使 用 不 同 的 页 面 ， 可 以 在 
<authentication /> 下 面 的 <forms 人 元 素 中 指定 其 路 径 ， 如 下 所 示 : 

<authentication mode="Forms"> 


<forms loginUrl="MyLoginPage.aspx" /> 
</authentication> 


避 提示 
在 Login 页 面 (配置 在 loginUrl 中 ) 上 ，Login 控件 的 VisibleWhenLoggedIn 属性 没有 任何 作用 。 在 配置 过 





的 Login 页 面 上 ，Login 控件 总 是 可 见 。 如 果 想 要 隐藏 它 ， 可 以 使 用 LoginView 控件 。 


Login 控件 也 提供 了 一 些 事件 ， 这 些 事件 通常 不 需要 进行 处 理 ， 但 经 常会 派 上 用 场 。 例 如 ， 
LoggedIn 事件 在 用 户 刚 登录 后 触发 ， 如 果 DestinationPageUrl 不 太 灵活 ， 这 里 是 将 用 户 动态 发 送 
到 另 一 页 面 的 理想 场所 。 

2. LoginView 

LoginView 控件 可 用 于 向 不 同 的 用 户 显示 不 同 的 数据 。 该 控件 可 以 区 分 匿名 用 户 和 登录 用 
户 ， 甚 至 区 分 不 同 角 色 中 的 用 户 。LoginView 是 模板 驱动 的 ， 因 此 可 允许 定义 显示 给 不 同 用 户 的 
不 同 模板 。 如 表 3-12 所 示 列 出 了 两 个 主要 的 模板 和 特殊 的 RoleGroups 元 素 。 
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表 3-12 LoginView 控件 的 主要 模板 和 RoleGroups 元 素 
模 板 说 了 明 

AnonymousTemplate “| 该 模板 中 的 内 容 只 显示 给 未 进行 身份 验证 的 用 户 

该 模板 中 的 内 容 只 显示 给 登录 用 户 。 该 模板 与 AnonymousTemplate 互 斥 。 任何 时 候 只 有 
其 中 一 个 模板 可 见 

该 模板 可 以 包含 一 个 或 多 个 RoleGroup 元 素 , 这 些 元 素 包含 一 个 定义 特定 角色 的 内 容 的 
ContentTemplate 元 素 。 人 允许 查看 内 容 的 角色 定义 在 Roles 属性 中 ， 该 属性 采用 一 个 逗号 
RoleGroups 分 隔 的 角色 列表 。RoleGroups 元 素 与 LoggedInTemplate 互 斥 ， 这 意味 着 如 果 用 户 是 
RoleGroup 的 其 中 一 个 角色 中 的 成 员 , 那么 LoggedInTemplate 中 的 内 容 就 不 可 见 。 另 外 ， 


只 有 匹配 用 户 角 色 的 第 一 个 RoleGroup 的 内 容 可 见 








LoggedImTemplate 








除了 定义 在 控件 各 种 子 元 素 中 的 内 容 之 外 ，LoginView 控件 本 身 并 不 输出 任何 标记 ， 这 意味 
着 可 以 很 容易 地 将 它 嵌 入 一 对 HTML 标记 之 间 ， 如 <hl>……</hl> 和 <li>……</i>， 从 而 创建 自 
定义 标题 或 者 列表 项 。 

3. LoginStatus 


LoginStatus 控件 提供 了 有 关 用 户 当前 状态 的 信息 。 当 用 户 未 进行 身份 验证 时 , 它 提供 【登录 】 
链接 ; 当 用 户 登录 后 ， 它 提供 【注销 】 链 接 。 通 过 设置 LoginText 和 LogoutText 属性 ， 可 以 控制 
实际 显示 的 文本 ; 也 可 以 设置 LoginImageUrl 和 LogoutImageUrl 属性 显示 图 像 而 非 文本 ; 
LogoutAction 属性 可 用 来 决定 在 用 户 注销 时 是 否 刷新 当前 页 面 , 或 是 否 在 用 户 注销 后 将 用 户 带 至 
另 一 页 面 ， 通 过 设置 LogoutPageUrl 可 以 确定 这 一 目标 页 面 。 

除了 这 些 属性 , 该 控件 可 以 引发 两 个 事件 ， LoggingOut 和 LoggedOut， 它 们 分 别 在 用 户 刚 注 
销 前 后 触发 。 


4. LoginName 


LoginName 是 一 个 极为 简单 的 控件 。 它 所 做 的 就 是 显示 登录 用 户 的 名 称 。 为 了 将 用 户 名 媒 入 
到 一 些 文本 中 ， 可 以 使 用 FormatString 属性 。 如 将 FormatString 属性 设置 为 “当前 登录 用 户 是 : 
{0}”， 则 运行 时 {0} 将 被 用 户 名 所 取代 。 

5. CreateUserWizard 


除了 允许 用 户 登 录 和 使 用 当前 用 户 的 登录 状态 显示 或 隐藏 相关 内 容 的 控件 外 , 登录 类 控件 中 
还 包含 另外 3 个 控件 ， 它 们 允许 用 户 在 站 点 上 注册 新 用 户 、 修 改 现 有 密码 或 是 恢复 丢失 密码 。 下 
面 将 介绍 这 些 控件 。 

CreateUserWizard 控件 用 于 注册 新 用 户 ， 该 控件 有 一 个 较 长 的 Text 属性 列表 ， 包 括 
CancelButtonText、CompleteSuccessText、UserName- LabelText 和 CreateUserButtonText， 它 们 
会 影响 控件 中 使 用 的 文本 。 所 有 属性 都 有 默认 设置 ， 开 发 人 员 也 可 以 将 其 修改 为 满足 自己 需求 
的 内 容 。 
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除了 文本 类 属性 ， 该 控件 还 有 许多 以 ImageUrl 结尾 的 属性 ， 如 CreateUserButtonImageUrl。 
这 些 属 性 允许 定义 各 种 用 户 动作 的 图 像 而 非 控 件 生成 的 默认 按钮 。 如 果 设 置 任 一 属性 为 有 效 的 
ImageUrl， 则 还 需要 设置 相应 的 ButtonType。 例如， 要 将 【创建 用 户 】 按 钮 修改 为 图 像 ， 则 需要 
设置 CreateUserButtonImageUrl 为 有 效 图 像 并 设置 CreateUserButtonType 为 Image。ButtonType 
的 默认 值 为 Button, 默认 情况 下 它 呈 现 为 标准 的 按钮 。 也 可 以 设置 这 些 属性 为 Link, 这 样 它们 将 
呈现 为 标准 的 LinkButton 控件 。 
另外 ， 该 控件 还 提供 了 以 下 可 设置 用 于 修改 其 行为 和 外 观 的 有 用 属性 。 
@@ ”ContinueDestinationPageUrl: 该 属性 定义 用 户 在 注册 后 单 击 【继续 】 按 钮 时 被 带 往 的 
页 面 。 
@@ ”DisableCreatedUser: 当 帐 户 创建 时 是 否 将 用 户 标记 为 禁用 的 。 如 果 设 置 为 True， 那 么 
在 帐户 被 启用 前 ， 用 户 不 能 登录 到 该 站 点 。 默 认为 False。 
@ ”LoginCreatedUser: 在 帐户 创建 后 是 否 让 用 户 自动 登录 ， 默 认为 True。 
@ ”RequireEmail: 决定 控件 是 否 要 求 用 户 提供 电子 邮件 地 址 ， 默 认为 True。 
@ ”MailDefinition: 该 属性 包含 大 量子 属性 , 允许 定义 在 用 户 注 册 后 发 送 给 用 户 的 电子 邮件 。 
CreateUserWizard 控件 能 够 向 用 户 发 送 一 封 确认 电子 邮件 ， 通 知 用 户 新 帐户 已 经 成 功 建立 。 
这 封 电 子 邮件 可 以 告知 其 用 户 名 和 密码 。 


6. PasswordRecovery 


PasswordRecovery 控件 允许 用 户 获 得 自己 已 有 的 密码 (如 果 系 统 支 持 ) 或 是 获得 一 个 新 的 自动 
生成 的 密码 。 在 这 两 种 情况 下 ， 密 码 都 将 发 送 到 用 户 注册 时 输入 的 电子 邮件 地 址 中 。 

PasswordRecovery 控件 的 大 部 分 属性 都 是 我 们 所 熟悉 的 。 它 有 大 量 Text 属性 ， 如 
GeneralFailureText ( 当 密 码 不 可 恢复 时 显示 ) 和 SuccessText， 该 属性 允许 设置 控件 显示 的 文本 。 还 
有 一 些 以 ButtonType、ButtonText 和 ButtonImageUrl 结尾 的 属性 ， 这 些 属 性 允许 修改 控件 的 不 同 
动作 按钮 的 外 观 和 行为 。 如 果 密 码 成 功 恢复 , 可 以 设置 SuccessPageUrl 将 用 户 导 航 到 另 一 个 页 面 。 

和 CreateUserWizard 一 样 ，PasswordRecovery 也 有 一 个 MailDefinition 元 素 ， 该 元 素 用 于 指 
向 作为 邮件 正文 发 送 的 文件 。 可 以 对 用 户 名 和 密码 使 用 同样 的 占 位 符 来 自 定义 消息 。 如 果 不 对 
MailDefinition 进行 配置 ， 则 控件 会 使 用 一 个 默认 的 邮件 正文 。 

7. ChangePassword 


ChangePassword 控件 允许 已 有 用 户 和 登录 用 户 更 改 其 密码 。 类 似 于 CreateUserWizard 和 
PasswordRecovery 控件 ， 它 有 许多 属性 ， 可 用 于 修改 文本 、 错 误 消息 和 按钮 。 它 也 有 一 个 
MailDefinition 元 素 ， 人 允许 发 送 新 密码 的 确认 消息 给 用 户 的 电子 邮件 地 址 。 

8. 使 用 登录 控件 


本 例 将 演示 登录 控件 的 使 用 ,在 本 例 创建 的 网 站 中 包括 登录 、 注 册 新 用 户 、 更 改 密码 、 上 忘记 
密码 等 与 网 站 登录 相关 的 全 部 功能 。 
【 例 3-9】 新建 网 站 ， 利 用 登录 控件 实现 网 站 登录 相关 的 基本 功能 。 
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(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新建 网 站 】 命 令 ， 新 建 网 站 【 例 3-9】.。 

(2) 在 应 用 程序 中 分 别 添加 名 为 Login.aspx、Register.aspx、 ChangePassword.aspx 、 
PasswordRecovery.aspx 的 网 页 。 

(3) 在 Default.aspx 的 设计 视图 中 ， 添 加 一 个 LoginView 控件 和 一 个 LoginStatus 控件 。 

(4) 切换 到 源 视图 ，LoginStatus 控件 的 属性 保持 默认 设置 不 变 ， 在 LoginView 控件 中 ， 添 加 
如 下 代码 : 


<asp:LoginView ID="LoginView1" runat="server"> 

<AnonymousTemplate> 

这 是 匿名 用 户 看 到 的 信息 ， 是 否 <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Register.aspx"> 
注册 </asp:HyperLink> 为 小 石头 网 站 的 新 用 户 。 

</AnonymousTemplate> 

<LoggedInTemplate> 

这 是 登录 会 员 看 到 的 信息 ， 

<asp:LoginName ID="LoginNamel" rmunat="server" FormatString=" 欢 迎 你 ，{0}" /> 

<br> 

你 可 以 

<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/ChangePassword.aspx"> 修 改 密码 
</asp:HyperLink> 

</LoggedInTemplate> 

</asp:LoginView> 

上 述 代码 通过 模板 区 分 了 匿名 用 户 和 登录 用 户 看 到 的 信息 ， 在 匿名 用 户 区 域 添加 了 【注册 】 
链接 ; 在 登录 用 户 区 域 使 用 了 Login 控件 显示 登录 用 户 信息 ， 并 使 用 HyperLink 控件 提供 了 【 修 
改 密码 】〗 链 接 。 

(5) 如 果 尚 未 登录 ，LoginStatus 控件 将 提供 【登录 】〗 链 接 ， 但 是 如 何 让 这 个 【登录 】 链 接 跳 
转 到 Login.axpx 页 面 呢 ?这 需要 修改 Web.config 的 配置 信息 。 打 开 Web.config， 添 加 或 修改 认 
证 模式 为 如 下 代码 : 

<authentication mode="Forms"> 
<forms loginUrl="Login.aspx" timeout="2880" /> 
</authentication> 

(6) 在 Login.aspx 页 面 中 添加 一 个 Login 控件 ， 设 置 控件 的 CreateUserText 属性 为 “注册 新 
用 户 ”，CreateUserUrl 属性 为 “~/Register.aspx”，PasswordRecoveryText 属性 为 “忘记 密码 ”， 
PasswordRecoveryUrl 属性 为 “~/PasswordRecovery.aspx” 。 

(7) 为 了 在 注册 新 用 户 成 功 以 后 和 用 户 忘记 密码 时 能 够 给 用 户 发 送 电子 邮件 , 还 需要 进行 以 下 设 
置 。 在 Register.aspx 页 面 中 添加 一 个 CreateUserWizard 控件 ， 设 置 控件 的 ContinueDestinationPageUrl 
属性 为 “/Defaultaspx”， 使 得 创建 用 户 成 功 后 ， 单 击 【继续 】 按 钮 可 以 导航 到 Defaultaspx 页 面 。 

(8) 为 了 在 注册 新 用 户 成 功 以 后 和 用 户 忘 记 密码 时 能 够 给 用 户 发 送 电子 邮件 ， 所 以 还 需要 进 
行 以 下 设置 。 
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(9) 添加 一 个 名 为 RegistConfirm txt 的 文本 文件 到 App_Data 文件 夹 中 ， 文 件 内 容 如 下 : 
Hi <% UserName %>. 

感谢 你 注册 为 小 石头 网 站 的 新 用 户 . 

请 牢记 以 下 信息 : 

用 户 名 : ”<% UserName %> 

密码 : ”<% Password %> 


小 石头 网 站 全 体 人 员 祝 你 身体 健康 


知识 点 
在 输入 UserName 和 Password 占 位 符 时 要 注意 ， 它 们 被 包含 在 一 对 服务 器 端 标记 (<9% 和 9%6>) 中 ， 从 而 





被 赋予 特殊 的 意思 。 


(10) 回 到 Register.aspx 页 面 ， 选 中 CreateUserWizard 控件 ， 在 【属性 】 面 板 中 定位 到 
MailDefinition 属性 并 展开 它 。 设 置 BodyFileName 属性 为 刚才 创建 的 RegistConfirm.txt， 设 置 
Subject 属性 为 “你 是 小 石头 网 站 的 新 用 户 ”。 

(11) MailDefinition 属性 设置 好 了 ， 要 保证 邮件 能 够 正确 发 送 ， 还 需要 在 Web.config 文件 中 
配置 邮件 服务 器 , 再 次 打开 Web.config 文件 ,在 根 元 素 <configuration> 中 添加 或 修改 <system .net> 
元 素 ， 此 处 需要 知道 SMTP 服务 器 的 地 址 和 发 送 邮件 的 Email 地 址 : 


<system.net> 
<mailSettings> 
<smtp deliveryMethod="Network" from="Your Name &ltyouQ@163.com&gt"> 
<network host="smtp.163.com" /> 
<smtp> 
</mailSettings> 
</system.net> 
如 果 ISP 要 求 在 发 送 电子 邮件 之 前 进行 身份 验证 或 者 希望 使 用 一 个 不 同 的 端口 号 ， 可 以 向 
<network 人 元 素 中 添加 如 下 信息 : 
<smtp deliveryMethod="Network"> 
<network host="smtp.domain.com" userName="UserName" password="Password" 
port="587" /> 
</smtp> 
一 些 邮件 服务 器 要 求 使 用 SSL。 SSL 是 一 种 加 密 技术 ,用 于 加 密 发 送 到 邮件 服务 器 的 数据 以 
提高 安全 性 能 。 在 ASP.NET 4.0 之 前 的 版 本 中 ， 必 须 在 代码 中 编程 激活 SSL。 而 在 ASP.NET 4.0 
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中 ，<network 广元 素 上 有 了 enableSsl 特性 ， 要 使 用 需要 支持 SSL 的 邮件 服务 器 ， 可 以 使 用 如 下 
所 示 的 <network 人 元 素 : 


<network enableSsl="true" host="smtp.gmail.com" password="Password" userName="you@email.com" /> 


(12) 在 ChangePassword.aspx 页 面 中 添加 一 个 ChangePassword 控件 ， 设 置 控件 的 Continue- 
DestinationPageUrl 和 CancelDestinationPageUrl 属性 均 为 “~/Default.aspx”， 即 密码 修改 成 功 或 取 
消 密码 修改 都 将 导航 到 Default.aspx 页 面 。 

(13) 在 PasswordRecovery.aspx 页 面 添加 一 个 PasswordRecovery 控件 ,设置 控件 的 MailDefinition- 
Subject 属性 为 “你 的 小 石头 网 站 的 新 密码 ”。 当 然 ， 此 处 也 可 以 设置 一 个 邮件 模板 ， 类 似 于 
CreateUserWizard 控件 的 设置 一 样 。 

(14) 至 此 ， 网 站 建设 工作 已 基本 完成 ， 这 时 就 可 以 编译 并 运行 程序 ， 在 浏览 器 中 访问 网 站 了 。 

首先 ， 匿 名 用 户 或 未 登录 用 户 看 到 的 Defaultaspx 页 面 如 图 3-36 所 示 。 


httpz//localhostz1037/ 例 3-9/Default。 aspz 


[次 


文件 四 护 镁 克 ) 查看 0 收藏 天 () 工具) 家 助 


宽 安 | 大 http://locahost:l0... 从 -上 四 -篇 - 





这 是 匿名 用 户 看 到 的 信息 ， 是 否 注册 为 小 石头 网 站 的 新 用 户 。 








图 3-36 ”匿名 或 未 登录 用 户 看 到 的 页 面 


单 击 【 注 册 】 链 接 进入 注册 用 户 页 面 ， 在 此 输入 注册 信息 ， 如 图 3-37 所 示 ， 单 击 【创建 用 
户 】 按 钮 ， 提 示 创 建成 功 ， 如 图 3-38 所 示 。 
GO Fe Beseeest v4 |x| FE 


文件 中 ”六 得 中 查看 WD 收藏 天) 工具 TT) 帮助 0 文件 四、 纺 旬 中、 查看 WW 收 苇 天 WW) 工具 中 帮助 0 
帘 给 | 四 http://loeahest:l0 | 谷 " 回 会 安 | 恩 http:/1lacalsstlo | 偷 - 目 








完成 
已 成 功 创建 您 的 帐户 。 
EE 

















图 3-37 注册 页 面 图 3-38 注册 成 功 页 面 


读者 也 许 再 问 , 注册 的 用 户 信息 保存 在 什么 地 方 了 呢 ? 在 创建 网 站 的 过 程 中 并 没有 处 理 这 
些 信息 啊 ? 其 实 , 这 里 还 有 一 个 应 用 程序 的 配置 没有 介绍 。 在 首次 尝试 登录 (或 使 用 需要 数据 库 
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访问 的 其 他 登录 控件 ) 时 ， 提 供 者 检查 应 用 程序 是 否 在 使 用 带 有 必要 数据 库 对 象 (如 表 ) 的 数据 
库 。 默 认 情 况 下 ， 它 通过 查找 名 为 LocalSqlServer 的 连接 字符 串 检查 数据 库 。 在 第 2 章 介绍 的 
Web.config 文件 中 ， 无 法 找到 这 一 连接 字符 串 ， 因 为 它 定 义 在 NET Framework 文件 夹 
(C\WINDOWS\Microsoft.NET\Framework\Wv4.0.30319\Config) 中 名 为 machine.config 的 文件 中 。 
该 文件 中 的 连接 字符 串 类 似 如 下 : 
<connectionStrings> 
<add name="LocalSqlServer" connectionString="data source=\SQLEXPRESS:; 
Integrated Security=SSPI.AttachDBFilename=|DataDirectorylaspnetdb.mdf: 
User Instance=true" 
providerName="System Data.SqlClient" /> 
</connectionStrings> 
这 是 一 个 针对 SQL Server 2008 Express Edition(Microsoft SQL Server 的 免费 版 本 ) 的 连接 字符 
串 。 可 以 使 用 IDataDirectory| 的 连接 字符 串 指向 Web 站 点 的 App_Data 文件 夹 中 的 数据 库 。 如果 首 
次 使 用 某 个 登录 控件 或 其 他 应 用 程序 服务 时 ，ASPNETDB.MDF 数据 库 并 没有 在 特定 位 置 出 现 ， 
那么 应 用 程序 服务 就 会 自动 创建 一 个 ASP.NETDB.MDF 数据 库 ， 所 以 在 第 一 次 注册 或 者 没 注册 
直接 登录 时 会 感觉 到 慢 。 
此 时 ， 可 返回 到 VWD 中 ， 单 击 【 解 决 方案 资源 管理 器 】 面 板 中 的 App_Data 文件 夹 ， 并 单 
击 该 窗口 工具 栏 中 的 刷新 按钮 回 ， 将 看 到 如 图 3-39 所 示 的 新 数据 库 ASPNETDB.MDF。 
数据 这 个 数据 库 文件 将 在 【数据 库 资 源 管理 器 】 面 板 中 打开 它 。 展 开 【 表 】 节 点 ， 可 以 看 到 


已 添加 的 表 ， 如 图 3-40 所 示 。 


DD sspnet_Applicstions 

DD spnet Menbership 

DD sspaet Paths 

sspnet PersonalizationAllUsers 
DD vspnet PersonalirationPerUser 
uspnet_Profile 

sspnet oles 

口 sspnet_Sehenayersions 


a 
让 
由 
应 
让 
应 
让 
加 
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让 
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图 3-39 【解决 方案 资源 管理 器 】 面 板 3-40 【数据 库 资源 管理 器 】 面 板 


在 成 功 创建 数据 库 后 ， 登 录 控件 就 可 以 使 用 它 。 例如， 在 使 用 CreateUserWizard 控件 创建 一 
个 新 帐户 时 ， 记 录 就 插入 到 aspnet_Membership 和 aspnet_Users 表 中 。 

注册 成 功 后 ,注册 时 填写 的 Email 中 将 收 到 一 封 由 网 站 发 出 的 邮件 ， 邮 件 内 容 就 是 前 面 设置 
的 RegistConfirm.txt 模板 ， 如 图 3-41 所 示 是 收 到 邮件 。 

单 击 【 继 续 】 按 钮 将 返回 到 Default.aspx 页 面 ， 此 时 看 到 的 页 面 是 登录 用 户 所 看 到 的 信息 ， 
如 图 3-42 所 示 。 





1037/ 例 3-9/pefamt.... 回回 风 
Ei SO- Boa y+ x BE 
请 本 ER 盖 © 文件 四 纪 竹 EE) 要 看 久 收 庆 天 和 工具 世祖 凤 四 
富安 六 wifioealost:10... | | 价目 














Ry 
i 
i 这 是 登录 会 员 看 到 的 信息 ， 欢迎 你 ， 蔓 丽 丙 
sis 你 可 以 修改 密码 
瑟 襄 天 蝴 . 进 第 


感谢 你 注册 为 小 石头 网 站 的 新 用 户 
请 牢记 以 下 信息 
用 户 各 :高 瑚 荫 


密 码 : woaizhaoyd 
小 石头 网 站 全 体 人 员 祝 你 身体 健康 











图 3-41 网 站 发 出 的 注册 成 功 邮件 图 3-42 ”登录 用 户 看 到 的 信息 


此 时 可 以 【修改 密码 〗】， 也 可 以 【注销 】， 然 后 重新 登录 。 单 击 【修改 密码 】 链 接 ， 进 入 
ChangePassword.aspx 页 面 ， 如 图 3-43 所 示 。 在 此 输入 新 旧 密码 ， 单 击 【更 改 密码 】 按 钮 ， 如 果 
密码 设置 得 过 于 简单 ， 将 弹出 如 图 3-44 所 示 的 错误 提示 。 

http://localhost:1037/ 例 3-9/Chan. .. 属 | 隔 | 惨 | 


GO Fea x GO Bro x 
文件 包 ” 编 辑 于 ) 查看 由 收 章 夹 Q) 工具 人 D 帮助 0D 文件 中。 编辑 于 ) 查看 WD 收 章 严 仙 工具 四 帮助 如 
富安 大 he/Noeabortiln 从 > 寅 突 [天 kaynaaauactac al 从 ” 


四 








更 改 密码 


新 密码 : 
hed ] 


错误 或 新 密码 无 效 。 新 密码 的 最 短 长 度 为 
时 1 
更 改 万 色 | [取消 

















国 








Er Te EE 


图 3-43 更 该 密码 页 面 图 3-44 更 改 密码 错误 提示 





这 是 因为 登录 控件 使 用 了 一 些 默认 属性 。 其 实在 注册 新 用 户 时 , 如果 密 码 过 于 简单 也 同样 会 
报 类 似 的 错误 。 下 面 就 来 介绍 这 些 默 认 配 置 的 来 源 ， 以 及 如 何 来 修改 这 个 配置 。 

在 CNYWINDOWS\MicrosoftNETWFrameworkvv4.0.30319\Config 目录 找到 machine.config 文件 ， 
并 用 记事 本 将 其 打开 ， 定 位 到 <system.web> 下 面 的 <membership> 元 素 ， 如 下 所 示 : 

<providers> 
<add name="AspNetSqlMembershipProvider' type="System. Web.Security.SqlMembershipProvider. 

System.Web. Version=4.0.0.0, Culture=neutral. PublicKeyToken=b03f5f7f11d50a3a" connectionStringName= 
"LocalSqlServer" enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="true" 
applicationName="/" requiresUniqueEmail="false" passwordFormat="Hashed" maxInvalidPasswordAttempts="$" 
minRequiredPasswordLength="7" minRequiredNonalphanumericCharacters="1" passwordAttemptWindow="10" 
passwordStrengthRegularExpression=""/> 
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</providers> 
</membership> 


这 就 是 ASP.NET 默认 的 安全 策略 配置 。 如 果 要 为 某 个 应 用 程序 配置 不 同 的 安全 策略 ， 可 以 
在 应 用 程序 的 Web.config 文件 中 修改 这 些 设置 。 
返回 到 VWD 2010, 打开 Web.config 文件 , 在 <system.web> 下 面 添加 如 下 <membership> 元 素 : 


<membership> 
<providers> 
<clear/> 
<add name="AspNetSqlMembershipProvider" type="System. Web.Security.SqlMembershipProvider" 
connectionStringName="ApplicationServices" 
enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" 
requiresUniqueEmail="false" 
maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" 
minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10" 
applicationName="/" /> 
</providers> 
</membership> 
这 样 就 修改 为 密码 至 少 6 个 字符 ， 并 且 可 以 没有 特殊 字符 了 。 
默认 情况 下 ， 密 码 在 数据 库 中 是 以 散 列 形式 存储 ， 散 列 是 一 个 不 可 逆 的 进程 ， 它 为 数据 创建 
唯一 索引 。 因 为 它 是 不 可 逆 的 ， 所 以 没有 办 法 通过 散 列 重新 得 到 原始 密码 ， 这 使 得 密码 可 以 更 安 
全 地 存储 在 数据 库 中 。 而 对 于 忘记 密码 的 请 客 ，PasswordRecovery 控件 将 生成 新 密码 ， 然 后 将 新 
密码 发 送 到 与 用 户 注册 时 填写 的 Email 地 址 中 。 如 图 3-45 所 示 为 发 送 新 密码 的 邮件 。 


名 你 的 小 石头 网 站 的 新 窗 码 - Unicode (UTF-8) 基因] 必 
文件 中 编辑 中 查看 WD 工具 ID 邮件 如 帮助 。 屡 | 
E 
:小 类 
:2011 年 6 月 6 日 19:19 
:zhaoyd@163com 
你 的 小 石头 网 站 的 新 密码 





请 返回 到 该 站 点 并 使 用 下 列 信息 登录 。 
用 户 名 : 草 彰 芋 
密码 : Eu@6EJ%rGy%SkL 








图 3-45 ”发 送 新 密码 的 邮件 


G 27 WebParts 


ASPNET WebParts 是 一 组 控件 ， 允 许 Web 页 面 的 终端 用 户 修改 Web 站 点 的 外 观 和 行为 。 


第 3 章 ASP.NET 服务 器 控件 (局 











用 户 只 需 通过 几 个 简单 的 动作 ， 就 能 修改 Web 站 点 的 整个 外 观 。 这 些 动作 包括 : 重新 排列 内 容 、 
隐藏 或 显示 部 分 Web 页 面 ， 以 及 向 页 面 中 添加 其 他 内 容 片 段 。ASP.NET WebParts 超出 了 本 书 的 
讨论 范围 ， 因 为 只 是 介绍 它 就 需要 一 整 本 书 。 如 果 要 了 解 关于 WebParts 的 更 多 内 容 ， 可 以 参考 
其 他 相关 资料 和 网 站 。 


人 )2.8 Ajax Extensions 


在 2005 年 11 月 官方 发 布 ASPNET 2.0 一 年 多 后 ，Microsoft 发 布 了 ASPNET 2.0 AJAX 
Extensions 1.0 作为 ASP.NET 2.0 的 插件 。 有 了 这 些 扩展 ， 可 以 创建 无 闪烁 的 Web 应 用 程序 ， 且 
不 需要 完整 回 发 就 能 从 客户 端 JavaScript 中 检索 服务 器 上 的 数据 。 自 从 Ajax 在 2005 年 成 为 一 种 
热门 技术 以 来 ，Microsof 一 直 致 力 于 成 为 顶级 Ajax 的 实现 者 。Ajax 扩展 现在 已 经 完全 集成 到 了 
VWD 2008 IDE 中 ， 并 在 VWD 2010 中 升级 为 AJAX 4。 本 书 第 7 章 将 重点 介绍 Ajax。 


G )2.9 动态 数据 


这 种 类 别 的 控件 用 于 动态 数据 Web 站 点 。 动 态 数据 站 点 允许 在 数据 库 中 快速 创建 用 户 界面 
来 管理 数据 。 本 书 不 对 这 些 控件 作 详细 讨论 ， 感 兴趣 的 读者 可 参考 其 他 数据 或 VWD 在 线 帮助 。 


© ; 用 户 控 件 


有 时 可 能 需要 控件 具有 ASPNET 内 署 服务 器 控件 没有 的 功能 。 在 这 种 情况 下 ， 用 户 可 以 创 
建 自己 的 控件 。 有 两 个 选择 ， 可 以 创建 用 户 控件 和 自 定 义 控 件 。 

用 户 控件 是 能 够 在 其 中 放置 标记 和 服务 器 控件 的 容器 。 然 后 ,可 以 将 用 户 控件 作为 一 个 单元 
对 待 ， 为 其 定义 属性 和 方法 。 

自 定 义 控件 是 编写 的 一 个 类 ， 此 类 从 Control 或 WebControl 派生 。 

创建 用 户 控件 要 比 创建 自 定义 控件 方便 很 多 ,因为 可 以 重用 现 有 的 控件 。 用 户 控件 使 创建 具 
有 复杂 用 户 界 面 元 素 的 控件 极为 方便 。 


(8)3.:1 用 户 控件 简介 


用 户 控件 对 于 封装 需要 在 整个 站 点 中 重复 使 用 的 标记 、 控 件 和 代码 来 说 非常 有 用 。 在 某 种 
程度 上 ， 用 户 控件 看 起 来 有 一 些 像 服务 器 控件 ， 它 们 都 可 以 包含 能 够 在 页 面 中 重用 的 编程 逻辑 
和 表现 。 
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从 开发 设计 角度 来 看 ， 用 户 控件 与 完整 的 ASPNET 网 页 (aspx 文件 ) 也 非常 相似 ， 同 时 具有 
用 户 界 面 页 和 代码 页 。 可 以 采取 与 创建 ASPNET 页 相似 的 方式 创建 用 户 控件 ， 然 后 向 其 中 添加 
所 需 的 标记 和 子 控件 。 用 户 控件 可 以 像 页 面 一 样 包 含 对 其 内 容 进 行 操作 的 代码 。 

但 是 ， 用 户 控件 与 ASPNET 网 页 也 有 以 下 一 些 区 别 : 

@ 用户 控件 的 文件 扩展 名 为 .ascx。 

@ ”用 户 控 件 中 没有 @Page 指令 ， 而 是 包含 @Control 指令 ， 该 指令 对 配置 及 其 他 属性 进行 
@ ”用 户 控件 不 能 作为 独立 文件 运行 。 而 必须 像 处 理 任何 控件 一 样 , 将 它们 添加 到 ASPNET 
页 面 中 。 
@ ”用 户 控 件 中 没有 HTML、body 或 form 元 素 。 这 些 元 素 必须 位 于 宿主 页 中 。 
@ ”可 以 在 用 户 控 件 上 使 用 与 在 ASPNET 网 页 上 所 用 相同 的 HTML 元 素 (HTML、body 或 
form 元 素 除 外 ) 和 Web 控件 。 例如， 如 果 要 创建 一 个 将 用 作 工 具 栏 的 用 户 控件 ， 则 可 以 
证 将 一 系列 Button 服务 器 控件 放 在 该 控件 上 ， 并 创建 这 些 按钮 的 事件 处 理 程序 。 


(8)3.2 创建 并 使 用 用 户 控件 


本 节 将 来 介绍 如 何 创建 并 使 用 用 户 控 件 ， 这 里 创建 的 是 一 个 实现 微调 控件 的 用 户 控 件 。 
1. 创建 用 户 控件 


【 例 3-10】 创建 一 个 实现 微调 控件 的 用 户 控件 。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 3-10】，。 

(2) 在 【解决 方案 资源 管理 器 】 面 板 中 ， 右 击 【 例 3-10】 解 决 方案 ， 从 弹出 的 快捷 菜单 中 选 
择 【 添 加 新 项 】〗 命 令 ， 在 打开 的 【添加 新 项 〗 对 话 框 中 选择 【Web 用 户 控件 】 选 项 ， 让 默认 名 称 
为 WebUserControlascx， 单 击 【添加 】 按 钮 。 

(3) 切换 到 WebUserControl.ascx 设计 视图 ， 添 加 1 个 TextBox 控件 和 2 个 Button 控件 到 设 
计 窗 口中 。 两 个 Button 控件 Text 属性 分 别 设置 为 “<” 和 “>”，TextBox 控件 的 Text 属性 为 

“0”， 控 件 布局 如 图 3-46 所 示 。 
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3-46 ”控件 布局 
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(4) 切换 到 WebUserControll 的 源 视图 ， 即 打开 WebUserControl.ascx.cs 文件 ， 定 义 变量 ,为 
Page Load 事件 、 两 个 按钮 的 单 击 事件 添加 如 下 代码 : 

protected int count: 

Pprotected void Page_Load(object sender. EventArgs e) 

tf 





(证 
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f(sPostBack) 
由 
count = int.Parse( TextBoxl.Texb: 


Protected void Button?2 Click(object sender, EventArgs 日 
Count+t; 
TextBoxl.Text= countToString0: 

} 

protected void Buttonl_Click(object sender, EventArgs e) 
Count--; 
TextBoxl.Text= count.ToStringO; 

} 


(5) 保存 用 户 控 件 , 至 此 完成 用 户 控件 的 创建 , 但 这 时 还 不 能 在 浏览 器 中 查看 该 控件 的 效果 ， 
而 必须 将 该 用 户 控 件 添加 到 ASP.NET 页 面 中 才 行 。 


2. 使 用 用 户 控 件 


要 在 ASP.NET 页 面 或 另 一 个 用 户 控件 中 使 用 一 个 用 户 控件 ， 需 要 执行 如 下 两 个 步骤 。 

(1) 需要 注册 控件 ， 方 法 是 向 希望 出 现 用 户 控件 的 页 面 或 控件 中 添加 一 个 @ Register 指令 。 

(2) 向 页 面 添加 用 户 控件 的 标记 ， 并 可 以 (可 选 地 ) 在 其 上 设置 一 些 特性 。 

@ Register 指令 包含 以 下 3 个 重要 的 特性 。 

@ src: 指向 要 使 用 的 用 户 控件 。 为 了 在 以 后 的 阶段 使 页 面 的 移动 更 容易 ， 也 可 以 用 ~ 语法 
指向 应 用 程序 根 文件 夹 中 的 控件 。 

®@ tagname: 用 在 页 面 的 控件 声明 中 的 标记 名 。 可 以 自由 地 命名 这 个 名 称 ， 但 通常 都 让 它 
与 控件 的 名 称 相同 。 

@ tagprefix: 容纳 用 在 页 面 的 控件 声明 中 的 TagName 的 前 级 。 正 如 ASPNET 用 asp 前 级 
指 代 它 的 控件 一 样 , 也 需要 为 自己 的 用 户 控件 提供 一 个 前 级 。 默认 情况 下 ,这 个 前 级 是 
Uc， 后 跟 一 个 序号 ,不 过 也 可 以 将 它 改 为 其 他 内 容 ， 如 ， 改 为 公司 名 称 或 者 自 定义 的 缩 
略 词 。 

【 例 3-11】 使 用 【 例 3-10】 中 创建 的 实现 微调 控件 的 用 户 控件 。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【打开 网 站 】 命 令 ， 打 开 网 站 【 例 3-10】.。 
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(2) 切换 到 Default.aspx 的 设计 视图 , 从 【解决 方案 资源 管理 器 面板 中 拖 动 WebUserControl.ascx 
到 页 面 中 。 
(3) 切换 到 源 视图 ， 可 以 看 到 在 @Page 指令 下 方 自动 生成 的 @Register 指令 ， 如 下 : 


<%(@ Register src="WebUserControl.ascx" tagname="WebUserControl" tagprefix="ucl1" %> 
<div> 中 生成 的 声明 控件 的 代码 如 下 : 
<div> 
<ucl:WebUserControl ID="WebUserControll" runat="server" /> 
</div> 
(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 Default.aspx 页 面 ， 单 击 微调 按钮 即 可 改变 文本 
框 中 的 数值 ， 如 图 3-47 所 示 。 


http: st:2009/ 例 3-10/Default. aspz 
GE ) ~ 和 荐 http://locahest:iY tr X | 


文件 四。 连 缉 也， 查看 WD 收藏 天 人 ) 工具 人 ) 大助) 
寅 安 | 起 http://localhest'20 丛 - 回 - 帆 - 下 Im- 
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图 3-47 使 用 用 户 控件 页 面 效 果 


3. 用 户 控件 的 站 点 范围 注册 


如 果 有 一 个 期 望 在 站 点 的 单独 内 容 页 上 使 用 得 非常 频繁 的 控件 ， 则 可 以 在 Web.config 文件 
中 全 局 地 注册 这 个 控件 。 这 样 ， 它 就 会 变 得 在 整个 站 点 内 可 用 ， 而 不 需要 在 每 个 页 面 上 注册 。 

在 Web.config 文件 中 注册 用 户 控件 的 操作 步骤 如 下 : 

(1) 打开 站 点 根 文件 夹 中 的 Web.config 文件 。 

(2) 在 <system.web> 元 素 内 添加 如 下 代码 , 其 中 包含 一 个 带 有 <add /> 子 元 素 的 <controls /> 元 素 : 
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<pages theme="Monochrome"> 
<controls> 
<add tagPrefix="uc1" tagName="WebUserControl" src="~/WebUserControl.ascx" /> 
</controls> 
/pages> 


(3) 保存 修改 并 关闭 文件 。 
(4) 此 时 ， 再 在 ASPNET 网 页 中 添加 用 户 控件 时 ， 就 不 需要 @Register 指令 了 。 
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一 知识 点 
如 果 在 ASP.NET 页 中 没有 @ Register 指令 ，ASP.NET 运行 库 就 会 扫描 Web.config 文件 寻找 在 那里 注 





册 的 控件 ， 如 果 找 到 相应 地 用 户 控件 的 注册 记录 ， 就 会 将 它 的 内 容 添加 到 页 面 中 。 


用 户 控件 对 于 封装 重复 内 容 非常 有 效 , 但 是 它们 也 会 使 站 点 难以 管理 , 因为 代码 和 迪 辑 包含 
在 多 个 文件 中 。 所 以 ， 不 要 过 度 使 用 用 户 控件 。 如 果 不 确 定 有 些 内 容 是 否 会 在 站 点 的 另 一 部 分 中 
重用 ， 可 以 先 直 接 把 它 嵌 在 页 面 中 。 如 果 有 需要 ， 在 将 它 移 到 单独 的 用 户 控件 中 即 可 。 


.4 ASP.NET 状态 引擎 


在 第 2 章 中 曾 介绍 过 视图 状态 对 象 ， 它 是 Page 对 象 的 一 个 属性 ， 是 状态 管理 中 常用 的 一 种 
对 象 , 可 以 用 来 保存 页 和 控件 的 值 。 本 节 将 详细 介绍 状态 引擎 的 工作 原理 以 及 如 何 关闭 视图 状态 。 


(3)41 状态 引擎 的 工作 原理 


在 学 习 服务 器 控件 时 , 当 在 浏览 器 中 请 求 包含 TextBox 控件 的 页 面 , 在 控件 中 输入 一 些 文本 ， 
并 单 击 按钮 提交 时 ， 会 导致 发 向 服务 器 的 一 个 回 发 ， 当 重新 加 载 页 面 时 ， 该 文本 仍然 会 出 现在 文 
本 框 中 。 如 果 熟 悉 其 他 Web 技术 ， 如 ASP 或 PHP， 那 么 就 会 知道 该 功能 的 强大 之 处 。 在 那些 语 
言 中 , 常常 需要 编写 很 多 代码 才能 实现 这 个 功能 。 那 么 , 在 ASP.NET 中 为 什么 会 实现 这 种 功能 ? 
它 是 如 何 自 动 发 生 的 呢 ? 

在 设计 时 HTTP( 用 来 在 Web 浏览 器 中 请 求 和 服务 页 面 的 协议 ) 是 无 状态 的 。 就 Web 服务 器 
而 言 ， 从 浏览 器 中 对 服务 器 发 出 的 页 面 请 求 和 单 击 链接 到 其 他 页 面 的 请 求 仍然 是 原来 的 意思 。 
Web 服务 器 不 会 记忆 以 前 请 求 的 页 面 。 

文本 框 中 的 文本 是 由 ASPNET 状态 引擎 维护 的 ， 这 是 一 个 完全 集成 在 ASPNET 运行 库 中 
的 功能 。 它 启用 控件 来 维护 它们 器 回 发 的 状态 ,因此 在 页 面 的 每 个 回 发 之 后 它们 的 值 和 设置 仍然 
是 可 用 的 。 

ASPNET 中 的 状态 引擎 可 以 存储 很 多 控件 的 状态 。 它 不 仅 能 存储 用 户 输入 控件 (如 TextBox 
和 CheckBox) 的 状态 ， 而 且 可 以 存储 其 他 控件 (如 Label， 甚 至 是 Calendar) 的 状态 。 下 面 来 看 一 个 
具体 的 示例 。 

【 例 3-12】ASP.NET 维护 状态 的 方式 。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 3-12】. 

(2) 切换 到 设计 视图 ， 选 择 【〖【 表 】|【 插 入 表 】 命 令 ， 插 入 一 个 2 行 2 列 的 表 。 

(3) 在 第 一 行 的 第 一 个 单元 格 中 ， 添 加 一 个 Label 控件 。 在 第 二 行 的 第 一 个 单元 格 中 ， 添 加 
一 个 Calendar 控件 。 
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(4) 一 旦 把 日 历 控件 放 入 单元 格 中 ，Calendar 控件 的 【任务 了 面板 就 会 弹出 ， 如 图 3-48 所 示 。 
这 个 面板 上 只 有 一 个 选项 : 【自动 套用 格式 〗， 它 允许 修改 日 历 的 外 观 。 单 击 该 链接 ， 从 预先 定 
义 的 配色 方案 中 选择 一 种 ， 如 【彩色 型 2〗， 并 单 击 【确定 】〗 按 钮 。 

(5) 在 右 侧 的 两 个 单元 格 中 各 添加 一 个 Button 控件 . Text 属性 分 别 设置 为 “设置 时 间 ” 和 “ 提 
交 ”， 如 图 3-49 所 示 。 
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3-48 添加 Calendar 控件 图 3-49 控件 布局 
(6) 为 【设置 时 间 】 按 钮 添加 单 击 事件 处 理 程序 ， 代 码 如 下 : 


Pprotected void Button1_Click(object sender, EventArgs e) 
和 
Labell.Text= DateTime Now.ToString0: 

} 

(7) 编译 并 运行 程序 ,在 浏览 器 中 打开 该 页 面 。 单 击 某 一 天 以 在 日 历 上 选择 一 个 日 期 。 注 意 ， 
单 击 了 日 期 后 ， 页 面 可 能 会 重新 加 载 ， 这 是 由 一 个 回 发 引起 的 。 

(8) 单 击 几 次 【设置 时 间 】〗 按 钮 。 页 面 会 再 次 发 送 回 服务 器 ， 并 且 每 次 单 击 该 按钮 时 Label 
控件 都 会 更 新 为 最 新 的 日 斯 和 时 间 。 等 待 几 秒 钟 ， 然 后 单 击 【 提 交 】〗 按 钮 ， 这 时 又 发 生 了 一 个 回 
发 ， 然 而 Label 控件 中 仍然 显示 的 是 原来 的 日 期 和 时 间 ， 并 没有 任何 变化 。 

(9) 回 到 VWD， 在 设计 视图 中 选中 Label 控件 ， 在 【属性 】〗 面 板 中 设置 EnableViewState 属 
性 为 False。 

(10) 在 浏览 器 中 再 次 打开 页 面 ， 重 复 前 面 的 步骤 ， 单 击 日 历 和 按钮 。 这 次 ， 当 单 击 【提交 】 
按钮 时 或 在 日 历 上 选择 一 个 日 期 后 ， 将 看 到 Label 控件 显示 为 默认 的 初始 文本 “Label”。 

为 了 更 好 地 理解 它 的 工作 原理 ， 再 次 在 浏览 器 中 打开 页 面 ， 然 后 查看 它 的 源 代码 。 可 以 看 到 
如 下 的 <form> 元 素 。 


<form name="formml" method="post" action="Default.aspx" id="form1"> 


es 

HTML <form> 元 素 用 于 让 用 户 从 浏览 器 向 服务 器 提交 信息 。 表 单 的 提交 方式 有 两 种 : POST 
或 GET。 当 单 击 Button 这 样 的 控件 时 ， 会 导致 向 服务 器 发 送 一 个 回 发 。 在 这 个 回 发 期 间 ， 表 单 
中 的 所 有 相关 信息 都 会 被 提交 回 服务 器 ， 在 服务 器 上 可 以 用 来 重 构 页 面 。 默 认 情况 下 ， 所 有 的 
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ASP.NET Web 窗 体 总 是 使 用 POST 方法 向 服务 器 发 送 数 据 。 

在 <form> 表 单 中 包含 一 个 隐藏 的 VIEWSTATE 字段 ， 可 以 在 下 面 的 代码 中 找到 : 

<input type="hidden" name=" VIEWSTATE"id-" VIEWSTATE" 
value=ywEPDWUKMTYzNjg0OTc2OA9kFgICAw9kFgICBQ8SKwAKAQAPFgIeAINEFgEGAMAGYs8EzghkZGR 
cHifoNAWzLcinnO0O8VhqGgqlonRdjnalEYDFzODVYhQ 一 " 亡 


当 加 载 ASPNET 页 面 时 , ASPNET 运行 库 会 用 关于 该 页 面 的 信息 填充 这 个 隐藏 字段 。 例 如 ， 
当 单 击 【设置 时 间 】 按 钮 引起 一 个 回 发 时 ， 它 会 为 Labell 控件 的 Text 属性 添加 值 。 类 似 地 ， 它 
还 包含 Calendar 的 选中 日 期 。 当 通过 回 发 提交 回 该 页 面 时 ， 就 会 通过 请 求 发 送 该 隐藏 字段 
_VIEWSTATE 中 的 值 。 然 后 ， 当 ASPNET 在 服务 器 上 创建 了 新 页 面 时 ，_VIEWSTATE 字段 中 
的 信息 就 会 被 读 取 并 应 用 到 页 面 中 的 控件 上 。 通 过 这 种 方式 ， 像 Label 这 样 的 控件 就 能 维持 它 的 
文本 。 

当 将 EnableViewState 属性 设置 为 False 时 ， 也 就 关闭 了 Label 控件 的 ViewState。 关 掉 这 个 
设置 后 ，ASPNET 运行 库 不 会 再 跟踪 Label 控件 。 因 此 ， 当 单 击 【提交 】 按 钮 时 ，ASPNET 运 
行 库 无 法 在 ViewState 中 找到 Label 控件 的 任何 信息 ， 所 以 ， 标 签 显示 它 的 默认 文本 “Label”。 


G )4.2 如 何 关闭 视图 状态 


并 不 是 所 有 控件 都 一 直 依赖 于 ViewState。 有 很 多 控件 能 维持 它们 自己 的 某 些 状态 。 这 些 控 
件 包括 TextBox、CheckBox、RadioButton 和 DropDownList。 它 们 能 维持 自身 的 值 ， 这 是 因为 它 
们 在 浏览 器 中 被 呈现 为 标准 的 HTML 表单 控件 。 例如 ，TextBox 服务 器 控件 在 客户 端 浏览 器 中 得 
到 的 HTML 代码 如 下 所 示 : 





<input name="TextBoxl" type="text" value="Text" id="TextBox1" /> 


当 发 送 回 一 个 带 有 这 样 的 TextBox 的 页 面 时 ， 浏 览 器 也 会 将 控件 的 值 发 送 回 服务 器 。 然 后 
ASP.NET 运行 库 就 能 够 再 次 用 这 个 值 来 预先 填写 文本 框 ， 而 不 需要 从 View State 中 获取 值 。 显 
然 ， 这 也 比 将 值 存储 在 ViewState 中 更 有 效 。 如 果 存 储 在 ViewState 中 ， 值 就 会 被 发 送 到 服务 器 
中 两 次 : 一 次 是 在 文本 框 中 ， 另 一 次 是 在 ViewState 中 。 当 值 比 较 大 时 ，ViewState 引擎 便 会 大 大 
增加 页 面 的 大 小 ， 增 加 页 面 加 载 的 时 间 。 因 此 ， 在 不 需要 时 最 好 关闭 它 。 这 样 就 能 最 小 化 隐藏 字 
段 VIEWSTATE 的 大 小 。 

关闭 View State 很 容易 ， 可 以 在 以 下 3 个 地 方 做 到 : 

@ ”在 Web 站 点 级 别 

可 以 在 根 站 点 的 Web.config 文件 中 通过 修改 <system.web> 下面 的 <pages> 元 素 ， 将 
enableViewState 属性 设置 为 false 来 完成 。 
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<pages enableViewState="false"> 

</pages> 

通常 不 在 站 点 级 别 关 闭 ViewState, 因为 在 站 点 级 别 关 闭 ViewState 后 , 将 无 法 为 特定 的 控件 
打开 这 个 功能 。 幸 运 的 是 ，ASPNET 4.0 提供 了 一 个 新 的 属性 ViewStateMode， 它 提供 了 关于 
ViewState 如 何 使 用 的 更 多 控制 。 

@ “在 页 面 级 别 

在 每 个 页 面 的 页 面 指令 中 ， 可 以 将 EnableViewState 设置 为 False， 例 如 : 


<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits=" Default" 
EnableViewState="False" %> 


对 于 确信 根本 不 需要 View State 的 页 面 来 说 ， 这 种 方法 是 非常 有 用 的 。 
®@ 在 控件 级 别 
各 个 ASP.NET 服务 器 控件 允许 分 别 设置 EnableViewState 属性 , 这 样 可 以 选择 关闭 某 些 控件 ， 
而 使 其 他 控件 保持 打开 。 
- 旦 在 更 高 级 别 (web.config 或 页 面 级 别 ) 上 关闭 了 ViewState， 就 不 能 再 在 一 个 低层 级 别 (页 
面 或 特定 控件 级 别 ) 打 开 这 个 功能 。 但 是 ， 使 用 新 的 ViewStateMode 属性 仍 能 完成 如 下 工作 : 
(1) 禁止 在 web.config 文件 中 关闭 View State。 
(2) 在 页 面 级 别 , 将 EnableViewState 设置 为 True, 将 ViewStateMode 设置 为 Disabled， 如 下 
所 示 : 
<%@ Page Language="Ch".. EnableViewState="True" ViewStateMode="Disabled" 9%> 
上 述 代码 可 以 关闭 页 面 中 所 有 控件 的 ViewState， 除 了 那些 再 次 明确 地 将 ViewStateMode 属 


性 设置 为 Enabled 的 控件 以 外 。 
G) 如 果 想 让 控件 支持 ViewState， 可 以 将 控件 的 ViewStateMode 设置 为 Enabled， 例 如 : 


<asp:Label ID="Labell" runat="server" Text="Label" ViewStateMode="Enabled" /> 
读者 可 以 尝试 修改 【 例 3-12】， 在 Default.aspx 的 页 面 指令 中 设置 EnableViewState 为 Tme、 


将 ViewStateMode 设置 为 Disabled。 然 后 在 页 面 中 添加 另 一 个 Label 控件 ， 并 将 第 一 个 Label 控 
件 的 ViewStateMode 设置 为 Enabled: 


<asp:Label ID="Labell" runat="server" Text="Label" ViewStateMode="Enabled" /> 
<asp:Label ID="Label2" runat="server" Text="Label" /> 


在 按钮 的 单 击 事件 处 理 程序 中 ， 将 最 新 的 日 期 和 时 间 也 赋予 第 二 个 标签 控件 : 


Labell.Text = DateTime Now.ToStringO: 
Label2.Text= DateTime Now.ToStringO: 


第 3 章 ASP.NET 服务器 控件 篇 
a < 


重新 运行 程序 ， 查 看 两 个 控件 的 变化 情况 。 


|; 上 机 练习 


本 章 的 上 机 练习 主要 介绍 FileUpload 控件 和 AdRotator 控件 的 使 用 , ASPNET 服务 器 控件 的 
用 法 都 比较 相似 ， 通 过 本 章 的 上 机 练习 希望 读者 能 触 类 旁 通 ， 自 己 摸索 其 他 控件 的 用 法 。 


GG )5.1 上 传 文件 


上 传 文件 是 Web 应 用 中 比较 常见 的 功能 , 在 ASP.NET 中 , 使 用 FileUpload 控件 可 以 快速 开 
发 实现 文件 的 上 传 。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【上 机 练习 3-1】。 

(2) 切换 到 Defaultaspx 页 面 的 设计 视图 ,添加 一 个 FileUpload 
控件 、 一 个 Button 控件 和 一 个 Label 控件 到 <div> 标 记 中 。 控 件 的 
属性 设置 和 布局 如 图 3-50 所 示 。 

G) 双击 Button 控件 ， 添 加 按钮 的 单 击 事件 处 理 程序 ， 代 码 S50 A 
如 下 : 







上 传 文件 


Pprotected void Button1_Click(object sender, EventArgs e) 
1 
if (IsPostBack) 
€ 
bool bOK = false: 
string path = Server.MapPath("~/"); 
if (FileUpload1 HasFile) 
{ 
string fileExt = System.IO.Path.GetExtension(FileUpload]1 .FileName).ToLowerO: 
string[] allowExt =new string[] { -gif .png "jpeg "jpg "上 
foreach (string str in allowExt) 
if (str — fileExt) 
bOK =tme: 


f(bOK) 


FileUpload1 PostedFile SaveAs(path + FileUploadl FileName): 


N 


2 
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Labell.Text= "文件 "+EileUploadl FileName+ ”已 成 功 上 传 ": 
} 
catch (Exception ex) 

Labell.Text= "文件 上 传 失败 "+ ex.Message; 


else 
Labell.Text=" 只 能 上 传 .gif、.png、.jpeg、.jpg 类 型 的 文件 "; 


} 
(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 加 载 Default.aspx 页 面 ， 执 行 结果 如 图 3-51 所 示 。 


http://1ocalhost:1844/ 上 机 练习 3-1/Defau. .. 尾 | 回 | 区 | 
DDO- | 芒 Mtp://ocubost:: v | ty X 上 
文件 到 ) ”编辑 下 ) 查看 WD) 收藏 夹 B) 工具 CI) 帮助 0D 





突 安 其 Mttpi//ocdhostite | 


Ry reese RE] 
[ER 文件 ] 文 件 do615 jpg 已 成 功 上 伟 
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图 3-51 文件 上 传 成 功 


5.2 ”使 用 AdRotator 控件 


AdRotator 控件 提供 了 一 种 在 ASPNET 页 面 中 显示 广告 的 方法 ， 该 控件 可 显示 .gf 文件 或 其 
他 图 形 文件 ， 当 用 户 单 击 广告 时 ， 系 统 会 导航 到 指定 的 目标 URL。 

AdRotator 控件 通常 与 XML 文件 或 数据 库 表 配合 使 用 ， 以 显示 指定 的 图 片 广 告 。 本 节 的 上 
机 练习 将 使 用 AdRotator 服务 器 控件 显示 XML 数据 文件 中 的 广告 。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【上 机 练习 3-2】.。 

(2) 在 网 站 根 目录 下 新 建 名 为 Images 的 文件 夹 ， 将 准备 好 的 广告 图 片 复制 到 该 文件 夹 中 。 

(3) 在 【解决 方案 资源 管理 器 面板 中 右 击 App_Data 文件 夹 , 从 弹出 的 快捷 菜单 中 选择 【 添 
加 新 项 】〗 命 令 ， 打开 【添加 新 项 】〗 对 话 框 ， 如 图 3-52 所 示 ， 可 以 看 到 ， 这 个 【添加 新 项 】 对 话 
框 中 可 选 的 模板 文件 都 是 与 数据 文件 相关 的 ， 在 此 我 们 选择 【XML 文件 】 选 项 。 
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图 3-52 【添加 新 项 】 对 话 框 


KC 






建议 将 广告 文件 放置 在 App_Data 文件 夹 中 ， 因 为 ASPNET 可 防止 浏览 器 利用 该 文件 夹 中 的 文件 。 


(4) 向 广告 信息 文件 中 添加 下 列 如 下 XML 元 素 : 


将 是 鑫 阿 






<?xml version="1.0" encoding="utf-8" ?> 

<Advertisements xmilns="http://schemas.microsoft.com/AspNet/AdRotator-Schedule-File"> 

<Ad> 
<ImageUrl>~/images/tsinghua.jpg</ImageUrl> 
<NavigateUrl>http://www.tsinghua.edu.cn</NavigateUrl> 
<AltemateTex 人 > 清华 大 学 </AltemateText> 
<Impressions>100</Impressions> 

</Ad> 

<Ad> 
<ImageUrl>~/images/pku.gif</ImageUrl> 
<NavigateUrl>http://www.pku.edu.cn</NavigateUrl> 
<AltemateText> 北 京 大 学 </AltemateText> 
<Impressions>50</Impressions> 

</Ad> 

<Ad> 
<ImageUrl>~/images/zjujpg</ImageUrl> 
<NavigateUrl>http://www.zju.edu.cn</NavigateUrl> 
<AltemateText> 浙 江 大 学 </AltemateText> 
<Impressions>100</Impressions> 

</Ad> 
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<Ad> 
<ImageUrl>~/imagesmnjujpg</ImageUr> 
<NavigateUrl>http://wwwamnjuedu.cn</NavigateUrl> 
<AltemateTexP> 南 京 大 学 </AltemateTex> 
<Impressions>50</Impressions> 

<Ad> 

</Advertisements> 


(5) 切换 到 Default.aspx 的 设计 视图 , 在 网 页 上 要 显示 广告 的 位 置 添 加 一 个 AdRotator 控件 ， 
单 击 控件 右上 角 的 小 三 角 ， 弹 出 【AdRotator 任务 】 面 板 ， 单 击 【 选 择 数据 源 〗 下 拉 列 表 ， 选 择 
【< 新 建 数据 源 >】〗 选 项 ， 如 图 3-53 所 示 。 
(6) 在 打开 的 【数据 源 配置 向 导 】〗 对 话 框 中 选择 【XML 文件 】 数 据 源 ， 单 击 【 确 定 〗 按 钮 ， 
如 图 3-54 所 示 。 
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图 3-53 【AdRotator 任务 】 面 板 图 3-54 【数据 源 配置 向 导 】 对 话 杠 
(7) 在 【配置 数据 源 〗 对 话 框 中 ， 单 击 【数据 文件 】 后 面 的 【浏览 〗 按 钮 ， 选 择 刚 才 创建 
的 XML 文件， 如 图 3-55 所 示 。 
指定 用 作 此 控件 泽 的 xlL 六 件 。 作 可 以 这 指定 时 加 文件 ， 这 此 文件 指 用 坟 在 控件 合 用 记 ML 前 修改 它 。 
小 文件 四) 


App_DatwXNLFile xml ] 
署 执 文件 了) 





转换 文件 介绍 应 加 何 将 XML 文件 结构 转换 为 其 他 结构 。 


XPath 表达 式 0D: 


利用 邓 ath 素 达 式 可 能 选 XML 文件 中 的 数据 ， 并 且 公 返回 该 文件 的 子 集 . 





3-55 【配置 数据 源 】 对 话 框 
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(8) 编译 并 运行 程序 , 在 浏览 器 中 打开 Defaultaspx 页 面 , 按 【F5]】 键 或 者 单 击 工具 栏 的 【 刷 
新 】 按 钮 可 以 显示 不 同 的 图 片 。 

本 例 中 创建 的 XML 文件 中 有 一 个 <Advertisements> 节 点 ， 其 中 可 以 包括 多 个 <Ad> 节 点 ， 每 
个 <Ad> 对 应 一 个 广告 图 片 。AdRotator 控件 的 所 有 属性 都 是 可 选 的 ，<Ad> 中 可 以 包括 下 列 属性 : 


ImageUrl: 要 显示 的 图 像 的 URL。 

NavigateUrl: 单 击 AdRotator 控件 时 要 跳 转 到 的 网 页 URL。 

AlternateText: 图 像 不 可 用 时 显示 的 文本 。 

Keyword: 可 用 于 筛选 特定 广告 的 广告 类 别 。 

JImpressions: 一 个 指示 广告 的 可 能 显示 频率 的 数值 (加 权 数值 )。 在 XML 文件 中 ， 所 以 
Jmpressions 值 的 总 和 不 能 超过 2,048,000,000-1。 

Height: 广告 的 高 度 ， 以 像素 为 单位 。 

Width: 广告 的 宽度 ， 以 像素 为 单位 。 


(3 习题 


1. 如 果 将 RadioButton 控件 进行 分 组 ? 

2. ASPNET 提供 了 几 个 验证 控件 ， 各 有 什么 作用 ? 

3. 当 使 用 一 个 CustomValidator 控件 时 ， 可 以 在 客户 端 和 服务 器 上 编写 有 效 性 验证 代码 。 如 
何 告知 ASPNET 运行 库 在 有 效 性 验证 处 理 期 间 调 用 什么 客户 端 有 效 性 验证 方法 ? 

4. 使 用 TreeView 控件 有 两 种 方式 : 一 种 方式 是 作为 带 项 和 子 项 的 列表 ， 单 击 它们 时 能 折 芝 
或 展开 ; 另 一 种 方式 是 作为 显示 所 有 项 的 静态 列表 ， 不 能 折 炙 或 展开 。 要 禁止 用 户 展开 或 折 营 树 
中 的 项 ， 需 要 设置 控件 上 的 什么 属性 呢 ? 

5. ASPNET 运行 库 如 何在 回 发 之 间 跟 踪 控 件 状态 ? 
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样式 、 主 题 和 母 版 页 


开发 Web 应 用 程序 通常 需要 考虑 两 个 方面 : 功能 和 外 观 。ASPNET 提供 了 一 些 可 在 应 用 程 
序 中 对 页 面 、 控 件 的 外 观 和 样式 进行 自 定 义 的 功能 ， 例 如 可 以 为 某 个 控件 设置 字体 、 背 景色 和 前 
景色 、 宽 度 以 及 高 度 等 样式 。 本 章 将 全 面 介绍 Web 应 用 程序 中 样式 控制 和 页 面 布局 所 用 到 的 技 
术 和 使 用 方法 ， 包 括 CSS 样式 、 主 题 和 母 版 页 。 这 些 技术 对 于 创建 具有 一 致 外 观 的 网 站 非常 有 
用 ， 也 将 使 站 点 看 起 来 更 专业 和 更 具 吸 引力 。 


(、 本 章 重点 


编写 和 应 用 CSS 样式 

VWD 提供 的 大 量 快速 编写 CSS 的 工具 
创建 和 应 用 主题 

在 主题 中 定义 外 观 

skinID 属性 的 使 用 
创建 母 版 页 和 内 容 页 


网 :1 CSS 样式 


Internet 出 现 伊始 ，Web 页 面 主要 由 文本 和 图 像 组 成 。 文 本 是 使 用 纯 HTML 格式 化 的 ， 这 种 
格式 化 所 提供 的 样式 化 页 面 的 选项 很 有 限 ， 因 此 诞生 了 CSS 来 弥补 这 方面 的 缺陷 。 
本 节 将 介绍 CSS 的 概念 、 在 VWD 2010 中 如 何 使 用 CSS 以 及 CSS 的 样式 规则 和 用 法 。 


oooo@oo 
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1.1 HTML 格式 化 的 缺点 


使 用 HIML 进行 格式 化 的 问题 之 一 是 它 提供 的 样式 化 页 面 的 选项 很 有 限 。 可 以 用 <em>、 
<strong> 及 <font> 这 样 的 标记 来 改变 文本 的 外 观 ， 用 bgcolor 这 样 的 属性 来 改变 HTML 元 素 的 背 
景 颜色 ， 还 有 几 个 属性 可 用 来 改变 链接 出 现在 页 面 中 的 方式 。 显 然 ， 这 个 功能 集 不 足以 创建 符合 
用 户 期 望 与 需求 的 生动 Web 页 面 。 

另 一 方面 ， 在 设计 时 ，HTML 会 强制 要 求 在 HTML 文档 中 绕 入 格式 化 信息 ， 使 得 以 后 难以 
对 设计 进行 重用 或 修改 。 

除了 维护 性 问题 之 外 ，HTML 格式 化 的 另 一 个 问题 是 : 在 用 户 的 浏览 器 中 不 能 轻松 地 在 运 
行 时 修改 格式 。 

HTML 格式 化 的 最 后 一 个 问题 是 ， 页 面 中 的 附加 标记 大 大 增加 了 页 面 的 大 小 。 这 样 ， 由 于 
需要 从 Web 站 点 中 的 各 个 页 面 上 下 载 信息 , 下 载 和 显示 就 会 变 慢 .而 且 , 当 需 要 滚动 大 型 的 HIML 
文件 来 查找 需要 的 内 容 时 ， 页 面 也 会 变 得 难以 维护 。 

简 言 之 ， 使 用 HTML 格式 化 存在 如 下 问题 : 

®@” 它 的 有 限 功能 集 远 远 满 足 不 了 页 面 的 格式 化 需求 。 
数据 与 表现 混合 在 相同 的 文件 中 。 

HTML 无 法 在 浏览 器 中 于 运行 时 轻松 地 切换 格式 。 
必需 的 格式 化 标记 与 属性 使 页 面 更 大 ， 因 此 加 载 和 显示 更 慢 。 


(4 )1.2 什么 是 CSS 


CSS(Cascading Style Sheet)， 中 文 译 为 层 县 样式 表 ， 是 用 于 控制 网 页 样式 并 允许 将 样式 信息 
与 网 页 内 容 分 离 的 一 种 标记 性 语言 。 就 语法 而 言 ，CSS 是 一 种 容易 学 习 的 语言 。 它 的 “语法 ” 仅 
由 几 个 概念 组 成 ， 使 得 用 户 相当 容易 入 门 。 

使 用 CSS 样式 可 以 非常 灵活 并 更 好 地 控制 网 页 外 观 ， 大 大 减轻 了 用 户 实现 精确 布局 定位 、 
维护 特定 字体 和 样式 的 工作 量 。 

CSS 规定 了 两 种 定义 样式 的 方法 ， 分 别 是 内 联 式 和 级 联 式 。 

1. 内 联 式 样式 


直接 将 样式 控制 放 在 单个 HIML 元 素 内 ， 称 为 内 联 式 或 行内 样式 。 该 样式 通过 style 属性 来 
控制 每 个 元 素 的 外 观 , 这 种 方法 直观 但 是 很 繁琐 , 除非 具有 相同 样式 的 元 素 较 少 , 否则 很 少 采 用 。 
下 面 是 一 段 采 用 内 联 式 来 控制 各 个 元 素 外 观 的 CSS 示例 代码 : 

<body style="text-align:center"> 

<form id="form1" runat="server"> 

<div style="text-align:center: width:400px: border:solid 1px blue"> 


@@eo@e 
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<hl style="font-size:x-large; color:red "> 欢迎 光临 <hl> 
<h2 style="font-size:large: colorblue "> 这 是 一 个 被 style 修饰 的 页 面 </h2> 
<Jdiv> 


2. 级 联 式 样式 


在 网 页 的 head 部 分 定义 或 导入 的 样式 ， 称 为 级 联 式样 式 。 该 样式 可 以 实现 将 网 页 结构 和 表 
现 分 离 ， 这 样 ， 当 修改 某 些 元 素 的 样式 时 ， 只 需要 修改 head 部 分 定义 或 引入 的 样式 ， 该 网 页 内 
所 有 具有 该 样式 的 元 素 都 会 自动 应 用 新 的 样式 。 

级 联 式样 式 又 可 以 使 用 两 种 方式 来 控制 样式 ， 内 翌 式 和 链接 式 。 

@ ”内 址 式 

在 head 部 分 直接 实现 的 CSS 样式 ， 称 为 内 嵌 式 。 这 种 CSS 一 般 位 于 HTML 文件 的 头 部 ， 
即 在 <head> 与 <head> 标 签 内 ， 并 且 以 <style> 开 始 ， 以 </style> 结 束 。 例 如 将 上 面 示例 代码 中 的 样 
式 抽 取出 来 ， 以 内 岂 式 级 联 样式 实现 得 到 如 下 代码 : 


<head> 
基 <title> 内 婴 式 样式 </title> 
础 <style Type="text/css"> 
与 <!-- 
名 body{ text-align:center } 


div{ text-align:center; width:400px; border:solid 1px blue } 
hl{ font-size:x-large: color:red} 
h2{ font-size:large: colorblue } 
> 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<h1> 欢 迎 光临 </hl> 
<h2> 这 是 一 个 被 style 修饰 的 页 面 <h2> 
</div> 
</form> 


</body> 
其 中 <style> 与 </style> 之 间 是 样式 的 内 容 ， 在 { } 前 面 可 以 写 样式 的 类 型 和 名 称 。{ } 中 是 样式 
的 属性 。 这 种 方法 是 经 常 被 使 用 的 添加 样式 表 的 方法 。 

可 见 ， 采 用 内 柑 式 比 内 联 式 方便 了 很 多 ，body 内 的 代码 也 相对 简洁 ， 修 改 某 个 元 素 的 样式 时 
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只 需 修改 head 内 的 代码 即 可 。 

@ ”链接 式 

内 骨 式 只 解决 了 一 个 网 页 内 部 结构 和 表现 分 离 的 问题 ， 一 般 情 况 下 网 站 都 由 很 多 网 页 组 成 ， 
不 同 网 页 中 的 某 些 元 素 采 用 了 相同 的 样式 ， 仍 然 需 要 分 别 设置 ， 因 此 ， 将 样式 放 在 一 个 单独 的 
CSS 文件 中 ， 然 后 通过 为 每 个 网 页 引入 该 文件 来 实现 统一 的 外 观 将 是 一 种 更 好 的 选择 。 

在 head 部 分 通过 导入 以 扩展 名 为 .css 的 文件 来 实现 CSS 样式 ， 称 为 链接 式 。 利 用 这 种 方法 
形式 存放 在 站 点 目录 中 。 这 种 方法 实现 了 将 网 页 结构 和 表现 的 彻底 分 离 ， 最 适合 大 型 网 站 的 CSS 

例如 将 上 面 示例 中 的 样式 抽取 出 来 以 文件 的 形式 存放 ， 保 存 到 一 个 名 为 style.css 的 文件 中 ， 
内 容 如 下 : 





body 
| 塌 
text-align:center: = 
} 
div 
{i 
text-align:center: E 
width:400px: 与 
border:solid 1px blue: 
9 教 
hi 材 
f 到 
font-size:X-large: 
colorred: 
} 
h2 
{ 
font-size:large: 
color:blue; 


} 
在 页 面 中 ， 可 以 通过 <link> 标 记 引 用 样式 style.css 文件 ， 代 码 如 下 所 示 : 


<head> 

<title> 链 接 式 样式 </title> 

<link href="style.css" rel-="stylesheet" type="text/css" /> 
<head> 
<body> 
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<form id formml" runat="server"> 
<div> 
<hl> 欢 迎 光 临 <hl> 
<h2> 这 是 一 个 被 style 修饰 的 页 面 <h2> 
<div> 
</form> 


</body> 


es 


i 在 引用 样式 的 标记 <link> 中 ，ref 属性 规定 了 XHTML 与 被 链接 文件 的 关系 ， Tuef 属性 指定 了 要 链接 的 ，) ! 


;样式 表 文 件 的 URL，type 属性 则 规定 了 链接 文件 的 类 型 。 上 述 样式 文件 与 当前 页 面 存放 在 同一 个 目录 下 ， 
;如果 不 存放 在 同一 个 目录 下 ， 相 应 的 <link href="".…> 标 记 中 hef 属性 的 值 要 有 所 改变 。 


@ 样式 嵌 套 


此 外 ， 如 果 某 个 元 素 既 引 用 了 链接 样式 文件 中 定义 的 样式 ， 又 在 head 部 分 定义 了 新 的 样式 ， 
或 者 在 元 素 内 部 通过 style 属性 定义 了 新 的 样式 , 那么 该 标记 元 素 最 终 呈现 的 效果 会 是 什么 样 呢 ? 


下 面 通过 一 个 例子 来 说 明 这 个 问题 。 
【 例 4-1】 样式 嵌 套 举例 。 


<head> 
<title> 链 接 式样 式 </title> 
<style Type="text/css"> 
<!-- 
hl{ font-weight:bold } 
h2{ color yellow} 
-> 
</style> 
<link rel="stylesheet" hre 人 ="style.css" type="text/css"> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<hl style=" font-size:small "> 欢迎 光临 </hl> 
<h2 style=" font-weight:bold "> 这 是 一 个 被 style 修饰 的 页 面 <h2> 
</div> 
</fonrm> 
</body> 


其 中 ，style.css 文件 是 前 面 创建 的 样式 文件 。 运 行 这 个 HMTL 文件 ， 


在 浏览 器 中 可 以 看 到 ， 


-一 
a 


hl 元 素 内 的 文字 以 粗 体 、 小 号 、 红 色 显示 ， 而 h2 元 素 内 的 文字 则 以 粗 体 、 大 号 、 蓝 色 显 示 。 可 
见 ， 链 接 式 样式 中 hl 元 素 的 font-size 属性 和 内 翌 式 样式 中 h2 元 素 的 color 属性 都 没有 起 作用 ， 
而 不 冲突 的 样式 则 都 会 起 作用 。 这 就 是 样式 嵌 套 中 的 冲突 问题 ， 浏 览 器 解决 这 种 问题 的 方法 就 是 

- 旦 发 现 样式 冲突 ， 则 通过 “就 近 使 用 ”原则 ， 采 用 距离 该 元 素 最 近 的 样式 进行 显示 ， 而 不 冲突 
的 样式 则 通过 顺序 组 合 后 形成 最 终 样 式 进行 显示 。 


知识 点 
设计 者 可 以 根据 实际 情况 选择 一 种 或 多 种 样式 控制 方法 进行 样式 定义 。 一 般 情 况 下 ， 在 样式 表 (.css) 
文件 中 定义 适合 大 多 数 网 页 公用 的 样式 ， 在 网 页 内 部 采用 内 谋 式 定义 该 页 面 特有 的 样式 ， 内 联 式样 式 定义 





个 别 元 素 的 样式 ， 再 结合 可 视 化 的 开发 工具 ， 从 而 使 样式 控制 真正 灵活 、 方 便 。 


@ )1.3 CSS 属性 简介 


属性 是 元 素 的 一 部 分 ， 可 通过 样式 表 修 改 。CSS 规范 定义 了 一 个 长 属性 列表 ， 但 在 大 多 数 
Web 站 点 中 不 会 用 到 所 有 项 。 如 表 4-1 所 示 列 出 了 部 分 常见 的 CSS 属性 及 其 应 用 场合 。 
表 4-1 常见 的 CSS 属性 











CSS 属性 描述 示例 
background-color 指定 元 素 的 背景 色 或 图 像 background-color White; backeround-image: 
backeround-image url(Image.jpe): 
border 指定 元 素 的 边框 border: 3px solid black: 
color 修改 字体 颜色 color Green: 

display: none: 
display 修改 元 素 的 显示 方式 ， 允 许 隐藏 或 显示 它们 | 这 种 设置 使 元 素 被 隐藏 ， 不 占用 任何 屏幕 
空间 
float: left: 
ee 允许 用 左 浮动 或 右 浮动 将 元 素 浮动 在 页 面 上 。| 该 设 定 使 跟着 一 个 浮动 的 其 他 内 容 被 放 在 
其 他 内 容 则 被 放 在 相应 的 位 置 上 元 素 的 右上 角 。 在 本 章 后 面 将 介绍 它 的 工 
作 原 理 
font-family font-family: Arial; 
font-size font-size: 18px: 
修改 页 面 上 使 用 的 字体 外 观 
font-style font-style: italic: 
font-weight font-weight: bold: 
设置 页 面 中 元 素 的 高 度 或 宽度 te 
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( 续 表 ) 















CSS 属性 描述 示例 
margin 设置 元 素 内 部 (内 边 距 ) 或 外 部 (页 边 距 ) 的 可 用 padding: 0: 
_padding 空间 margin: 20px: 
控制 页 面 中 的 元 素 是 否 可 见 。 不 可 见 的 元 素 例 visibility: hidden:; 
visibility 然 会 占用 屏幕 空间 ， 只 是 看 不 到 它们 而 已 这 会 使 元 素 不 可 见 。 但 仍然 会 占用 页 面 的 


原始 空间 
VWD 会 通过 它 的 许多 CSS 工具 帮助 用 户 找到 恰当 的 属性 ， 因 此 不 必 全 部 记 住 它们 。 


网 :2 在 VWD 中 使 用 CSS 


VWD 中 有 以 下 几 个 使 用 CSS 的 便利 工具 。 

@@ 【样式 表 】 工 具 栏 : 用 来 快速 访问 并 创建 新 规则 与 样式 。 

@ 【CSS 属性 】 面 板 : 用 来 修改 属性 值 。 

®@ 【管理 样式 】 窗 口 : 用 来 组 织 站 点 的 样式 ， 将 它们 从 内 购 样 式 表 改 为 外 部 样式 表 ， 反 之 亦 
然 ; 对 它们 重新 排序 ， 将 现 有 样式 表 链 接 到 一 个 文档 ; 创建 新 的 内 联 、 内 嵌 或 外 部 样式 表 。 

@@ 【应 用 样式 】 窗口 : 用 来 从 站 点 中 选择 所 有 可 用 样式 ， 并 将 它们 快速 地 应 用 到 页 面 中 的 
不 同 元 素 上 。 

@@ 【添加 样式 规则 】 对 话 框 : 用 于 构建 较 复杂 的 选择 器 。 


@ 12.1_ 创 建新 样式 


在 VWD 2010 中 使 用 CSS 非常 方便 ， 即 可 以 在 源 视 图 中 利用 VWD 的 智能 感知 功能 设置 各 
种 样式 ， 也 可 以 利用 可 视 化 的 对 话 框 和 便利 工具 快速 完成 各 种 样式 的 设置 。 
1. 在 源 视图 下 设置 样式 


在 源 视图 下 , 利用 系统 提供 的 智能 提示 功能 ， 可 以 方便 地 设置 各 种 元 素 的 内 联 式样 式 , 具体 
步骤 如 下 : 

(1) 在 要 设置 格式 的 HIML 标记 内 ， 输 入 style="， 然 后 按 空格 键 ， 将 弹出 VWD 2010 提供 
的 智能 感知 工具 ， 如 图 4-1 所 示 。 
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图 4-1 VWD 的 智能 感知 工具 
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“ 


(2) 定义 任意 数量 的 属性 (“属性 : 值 ”对 )， 属 性 之 间 用 分 号 分 隔 。 
2. 在 可 视 化 窗口 中 设置 样式 
利用 可 视 化 窗口 设置 样式 的 方法 有 很 多 , 可 以 在 源 视图 或 者 设计 视图 下 选中 某 个 标记 元 素 ， 
然后 单 击 【 属 性 】 面 板 中 style 属性 后 面 的 省 略 号 按钮 (…)， 将 打开 【修改 样式 】 对 话 框 ， 如 图 
4-2 所 示 。 


EST 
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中 
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机 局 
列表 
3 








图 4-2 【修改 样式 】 对 话 框 


该 对 话 框 分 为 两 个 窗 格 ， 左 窗 格 列 出 9 个 类 别 ， 当 选择 某 个 类 别 时 ， 右 窗 格 显示 所 选 类 别 下 
的 选项 。 设 置 了 样式 选项 并 单 击 【确定 】 按 钮 后 ， 新 的 样式 定义 将 自动 在 源 视图 中 生成 ， 也 可 以 
在 设计 视图 下 查看 最 新 的 效果 。 

这 种 方法 只 能 将 定义 的 样式 属性 以 内 联 式 生成 ， 放 在 每 个 元 素 的 style 属性 中 。 要 想 定义 内 
霸 式 样式 也 非常 容易 ， 具 体 步 骤 如 下 : 

(1) 切换 到 设计 视图 ， 在 【格式 设置 】 工 具 栏 的 【目标 规则 】 列 表 中 ， 选 择 【 应 用 新 样式 】 
选项 ， 如 图 4-3 所 示 。 








ess) 
图 4-3 选择 应 用 新 样式 
(2) 此 时 将 打开 【新 建 样式 】 对 话 框 ， 该 对 话 框 与 【修改 样式 】 对 话 框 相似 ， 所 不 同 的 是 
【新 建 样式 】〗 对 话 框 中 包含 了 【选择 器 〗， 用 于 选择 对 哪 一 个 标记 进行 定义 ， 以 及 通过 【定义 位 
置 】 将 当前 定义 存放 到 哪里 ， 如 图 4-4 所 示 。 


一 知识 点 
选择 【格式 〗| 【新 建 样 式 】〗 命 令 ， 也 可 以 打开 【新 建 样 式 〗 对 话 框 。 
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图 44 【新 建 样式 】 对 话 框 


在 【选择 器 】 列 表 中 选择 某 个 选择 器 ， 如 hl ， 就 可 以 创建 应 用 于 所 有 hl 元 素 的 样式 。 
【定义 范围 】 列 表 设 置 为 【当前 网 页 】， 表 示 该 样式 规则 在 当前 页 的 style 元 素 中 创建 。 若 

想 查看 已 创建 的 样式 规则 ， 可 以 切换 到 源 视图 并 滚动 到 style 元 素 ， 该 元 素 位 于 <head> 标 记 内 。 
3. 使 用 【CSS 属性 】 面 板 


可 以 使 用 【CSS 属性 】 面 板 对 正在 定义 的 内 风 式 样式 规则 进行 修改 ， 具 体 步 又 如 下 : 

(1) 单 击 要 修改 样式 的 元 素 ， 选 中 部 分 以 蓝 色 框 包围 并 有 一 个 标签 指示 h3 元 素 已 选中 。 

(2) 选择 【视图 〗】|【 其 他 窗口 〗| 【CSS 属性 】 命 令 ， 打 开 【CSS 属性 】〗 面 板 ， 可 以 看 到 h3 
元 素 的 CSS 属性 列表 ， 如 图 4-5 所 示 。 

(3) 通过 该 面板 可 以 根据 需要 设置 CSS 属性 。 
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SS 样式 示例 
通过 CSS 属 性 面板 修改 这 里 的 样式 











计 | 口 拆 分 | 回 源 (oa) [Ceorateorni> [Cdiv>] G3> 





图 4-5 【CSS 属性 】 面板 
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在 CSS 属性 列表 中 所 做 的 修改 可 以 立即 通过 设计 视图 显示 出 来 ， 如 果 要 观察 样式 的 代码 ， 
可 以 切换 到 源 视 图 并 滚动 到 style 元 素 处 进行 查看 。 
4. 新 建 样式 表 


使 用 CSS 的 男 一 个 有 效 方法 是 将 样式 规则 放 入 样式 表 中 , 然后 所 有 页 面 都 可 以 引用 这 些 样 
式 ， 这 样 可 以 使 这 些 页 面 看 起 来 非常 一 致 。 创 建 样式 表 的 具体 步骤 如 下 : 

(1) 在 【解决 方案 资源 管理 器 〗 中 ， 右 击 解决 方案 的 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【添加 
新 项 】 命 令 。 打 开 【 添 加 新 项 】 对 话 框 ， 在 【模板 】 列 表 中 选择 【样式 表 】 选 项 ， 在 【名 称 】 文 
本 框 中 输入 样式 表 的 名 称 StyleSheetCSS， 单 击 【添加 】 按 钮 。 

(2) 此 时 ， 编 辑 器 将 打开 一 个 包含 空 body 样式 规则 的 新 样式 表 。 

(3) 打开 或 切换 到 Default.aspx 页 ， 切 换 到 设计 视图 。 选 择 【格式 〗】|【 附 加 样式 表 】 命 令 ， 
打开 【选择 样式 表 】〗 对 话 框 ， 选 择 刚才 创建 的 样式 表 文件 StyleSheet.css， 单 击 【确定 】〗 按 钮 ， 如 
图 4-6 所 示 。 


选择 样式 表 


项 目 文件 天 所 
Bi. Wa\ 
由 辐 kssemnt 











图 4-6 【选择 样式 表 】 对 话 框 


(4) 执行 上 述 操作 后 ， 在 Default.aspx 的 源 视图 中 可 以 看 到 ， 在 <head> 标 记 中 将 添加 了 如 下 
代码 : 


<link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 


一 知识 点 
可 以 通过 多 种 方式 为 页 面 指定 样式 表 。 最 简单 的 方法 是 在 源 视图 中 将 文件 从 【解决 方案 资源 管理 器 】 





中 拖 到 页 面 的 <head> 标 记 中 或 者 直接 将 文件 拖 到 设计 视图 中 - 


4 )2.2 样式 规则 





-个 样式 表 由 若干 个 样式 规则 组 成 。 样 式 规则 是 指 网 页 元 素 的 样式 定义 , 包括 元 素 的 显示 方 
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式 以 及 元 素 在 页 中 的 位 置 等 。 打 开 前 面 添加 的 样式 表 文 件 StyleSheet.css， 在 其 中 右 击 鼠标 ,在 


E 弹 


出 的 快捷 菜单 中 选择 【添加 样式 规则 】 命 令 ， 如 图 4-7 所 示 ， 打 开 如 图 4-8 所 示 的 【添加 样式 规 


则 】 对 话 框 。 




















单 


|¥% 甬 切 中 Ctrltx 
| 5 
x WD Del Pe 
直 生成 样式 公 ) 
[RM | 
入 图 4-7 选择 【添加 样式 规则 】 命 令 图 4-8 【添加 样式 规则 】 对 话 框 
在 【添加 样式 规则 】 对 话 框 中 选择 某 个 元 素 ， 或 者 定义 一 个 类 ， 或 者 定义 一 个 元 素 也 ， 
击 【 确 定 】 按 钮 即 可 添加 一 个 新 的 样式 规则 。 例 如 ， 添 加 一 个 元 素 h1， 在 样式 表 文 件 中 可 以 看 
到 如 下 新 建 的 样式 规则 : 
| 
与 { 
着 } 
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成 样式 】 命 令 ， 即 可 打开 【修改 样式 】 对 话 框 。 
无 论 是 定义 内 嵌 式样 式 还 是 链接 式样 式 ， 每 个 样式 的 定义 格式 都 是 一 样 的 ， 如 下 所 示 : 
样式 定义 选择 符 { 属性 1: 值 1: 属性 2: 值 2: …… } 


该 规则 默认 是 仅 有 元 素 名 称 的 空 规则 ,在 大 括号 内 右 击 鼠 标 ， 从 弹出 的 快捷 菜单 中 选择 【 生 


其 中 ， 样 式 定义 选择 符 是 指 样式 定义 的 对 象 ， 可 以 是 HTML 标记 元 素 ， 还 可 以 是 用 户 自 定 


义 的 类 、ID、 伪 类 和 伪 元 素 等 。 

1. 标记 选择 符 

任何 HTML 元 素 都 可 以 是 一 个 CSS 的 标记 选择 符 。 标 记 选 择 符 仅仅 是 指向 特别 样式 的 元 
【添加 样式 规则 】 对 话 框 中 的 【元 素 】 下 拉 列表 中 提供 了 所 有 可 供 使 用 的 标记 选择 符 。 

2. 类 选择 符 


素 。 


每 一 个 标记 选择 符 都 能 自 定义 不 同 的 类 ， 从 而 允许 同一 元 素 具 有 不 同 的 样式 。 指 定 某 个 标记 


选择 符 内 的 自 定义 类 的 一 般 形 式 为 : 


标记 选择 符 .类 名 {样式 属性 1: 值 1: 样式 属性 2: 值 2: …… 3, 
例如 : 


ms 
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在 代码 中 引用 类 选择 符 的 方法 是 通过 元 素 的 class 属性 来 实现 的 。 代 码 如 下 : 
<p class="one"> 类 别 选择 器 1</p> 
<p class="two"> 类 别 选 择 器 2</p> 
其 含义 是 在 p 中 引用 one 会 以 红色 样式 显示 ， 在 p 中 引用 two 会 以 蓝 色 样式 显示 。 
在 【添加 样式 规则 】 对 话 框 中 先 选 中 【类 名 】 单 选 按钮 ， 在 文本 框 中 输入 one, 然后 选中 【可 
选 元 素 】 复 选 框 ， 在 其 下 拉 列 表 中 选择 p 元 素 ， 即 可 自动 生成 p.one 样式 规则 ， 如 图 4-9 所 示 。 
类 选择 符 的 定义 也 可 以 与 标记 选择 符 无 关 ， 这 样 ， 类 选择 符 可 以 应 用 于 任何 元 素 。 这 种 自 定 
义 类 选择 符 的 形式 如 下 : 
.类 名 {样式 属性 1: 值 1: 样式 属性 2: 值 2: ……} 
创建 这 种 类 选择 符 时 ， 只 要 不 选中 【可 选 元 素 】 复 选 框 即 可 ， 如 图 4-10 所 示 。 


添加 样式 规则 
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4-9 添加 p.one 样式 规则 4-10 添加 note 样式 规则 


</style> 
<hl class"note"> 类 别 选择 器 1</p> 
<h2 class="note"> 类 别 选择 器 2</p> 


在 这 个 例子 ，note 类 选择 符 可 被 用 于 任何 元 素 。 
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3.1D 选择 符 

了 选择 符 用 于 分 别 定义 每 个 具体 元 素 的 样式 。 一 个 ID 选择 符 的 指定 要 有 指示 符 # 在 名 字 前 
面 。 使 用 时 通过 指定 元 素 的 id 属性 来 关联 。 例 如 : 

#index { color:blue } 

引用 时 ， 使 用 id 属性 声明 即 可 。 

<pid-"index"> 本 段落 的 颜色 为 蓝 色 </p> 

自 定义 了 选择 符 与 自 定义 类 选择 符 的 定义 方式 非常 相似 ， 在 【添加 样式 规则 】 对 话 框 中 ， 
选中 【元 素 卫 】 单 选 按钮 ， 输 入 相应 的 名 称 即 可 。 但 是 两 者 在 使 用 上 是 有 区 别 的 : 在 同一 个 网 
页 中 ,多 个 标记 元 素 可 以 使 用 同一 个 自 定义 类 选择 符 , 而 选择 符 只 能 为 某 一 个 标记 元 素 使 用 。 
这 种 选择 符 应 该 尽量 少 用 ， 因 为 它 有 一 定 的 局 限 。 
忆 提示 

如 果 在 一 个 元 素 的 样式 定义 中 ， 既 有 标记 选择 符 ， 又 有 自 定义 类 选择 符 和 自 定义 ID 选择 符 ， 那 么 自 定 





义 人 D 选择 符 的 优先 级 最 高 ， 其 次 是 自 定义 类 ， 标 记 选 择 符 的 优先 级 最 低 。 


4. 伪 类 


伪 类 是 CSS 中 非常 特殊 的 类 , 能 自动 地 被 支持 CSS 的 浏览 器 所 识别 , 伪 类 可 以 指定 XHTML 
中 的 A 元素 以 不 同 的 方式 显示 链接 (links)、 已 访问 链接 (visited links) 和 可 激活 链接 (active links)。 
其 中 ， 一 个 已 访问 链接 可 以 定义 为 不 同 颜色 的 显示 ， 甚 至 不 同 字体 大 小 和 风格 。 

CSS 中 用 4 个 伪 类 来 定义 链接 的 样式 ， 分 别 是 alink、arvisited、a:hover 和 a:active， 例 如 : 

alink{font-weight : bold :text-decoration : none :color : #C00000 :} 

aivisited {font-weight : bold :text-decoration : none :color : #C30000 :} 

ahover {font-weight : bold :text-decoration : underline :color : #60000 :} 

aactive {font-weight : bold :text-decoration : none :color : #90000 :} 


以 上 语句 分 别 定义 了 “链接 、 已 访问 过 的 链接 、 鼠 标 停 在 上 方 时 、 点 下 鼠标 时 ”的 样式 。 注 
意 ， 必 须 按 以 上 顺序 写 ， 和 否则 显示 可 能 和 预想 的 不 一 样 。 

5. 关联 选择 符 

关联 选择 符 是 一 个 用 空格 隔 开 的 两 个 或 更 多 的 单一 标记 选择 符 组 成 的 字符 串 。 一 般 格 式 如 下 : 


选择 符 1 选择 符 2 …… { 属 性 : 值 : ……} 
这 些 选择 符 具有 层次 关系 ， 并 且 它 们 的 优先 级 比 单一 的 标记 选择 符 大 。 例 如 : 
phlf colorred } 


这 种 定义 方式 只 对 p 所 包含 的 hl 元 素 起 作用 , 单独 的 p 或 者 单独 的 hl 元 素 均 无 法 采用 该 样 
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式 。 在 【添加 样式 规则 】 对 话 框 中 先 添加 了 选择 符 ， 单 击 【>】 按钮 将 其 添加 到 【样式 规则 层次 
结构 】 中 ， 然 后 再 添加 hl 元 素 ， 如 图 4-11 所 示 ， 如 果 层 次 结构 有 变化 ， 还 可 以 通过 【上 移 】 和 
【下 移 】 按 钮 进行 修改 。 
这 种 方式 不 仅 适 用 于 标记 选择 符 , 还 可 以 关联 自 定义 用 户 类 , 自 定义 DD 以 及 任何 样式 选择 符 。 
添 吉 样式 规则 


缠 有 ID 的 元 素 定 义 新 祥 式 规则 。 可 以 将 附加 的 元 素 、 类 


可 选 元 索 O) 


〇 元 素 了 中: 








图 4-11 定义 关联 选择 符 


6. 并 列 选择 符 
如 果 由 多 个 不 同 的 元 素 定 义 的 样式 相同 ， 则 可 以 使 用 并 列 选择 符 简化 定义 。 例 如 : 
hl,h2.h3{ color:blue} 


每 个 元 素 之 间 用 逗号 隔 开 ， 表 示 hl、h2、h3 标记 中 的 内 容 都 将 以 蓝 色 样式 显示 。 


一 知识 点 
直接 在 代码 编辑 器 中 输入 规则 很 快捷 ， 然 而 ， 在 创建 复杂 的 规则 时 ，【 添 加 样式 规则 】 对 话 框 可 以 帮 
助理 解 和 创建 规则 的 层次 结构 。 【修改 样式 】 对 话 框 是 创建 新 CSS 声明 的 极 佳 工具 . 不 需要 记 住 各 种 CSS 





属性 和 它们 的 值 ， 只 要 简单 地 在 一 个 组 织 好 的 对 话 框 中 指定 并 一 起 单 击 即 可 。 各 种 不 同 的 CSS 属性 都 根 
据 逻 辑 被 分 组 到 不 同类 别 下 ， 以 便 更 容易 找到 和 修改 它们 。 


@ )2.3 ”应 用 样式 


在 VWD 中 ,通过 【应 用 样式 】 对 话 框 可 以 快速 地 对 页 面 中 的 元 素 应 用 已 经 定义 好 的 CSS 











样式 。 选 择 【 视 图 】|【 其 他 窗口 】|【 应 用 样式 】 命 令 打 开 【 应 用 样式 】 窗 口 ， 可 轻松 地 向 页 面 
中 的 元 素 应 用 样式 规则 。 
通过 【应 用 样式 】 窗 口 对 页 面 中 的 元 素 应 用 样式 规则 的 具体 操作 如 下 : 
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(1) 首先 已 经 创建 好 了 样式 表 ， 并 且 将 样式 表 附 加 到 了 页 面 。 切 换 到 页 面 的 设计 视图 ， 选 择 
【视图 〗| 【其 他 窗口 〗| 【应 用 样式 】〗 命 令 ， 打 开 【 应 用 样式 】〗 窗 口 。 

(2) 该 窗口 显示 了 它 在 当前 页 面 中 找到 的 所 有 选择 器 和 附加 的 任何 样式 表 。 如 果 没 有 看 到 ， 
可 以 单 击 该 窗口 工具 栏 中 的 【选项 】〗 按 钮 ， 选 择 【 显 示 所 有 样式 】 命 令 。 


知识 点 
为 了 帮助 找到 正确 的 样式 ，【 应 用 样式 】 窗 口中 用 红 、 绿 、 蓝 和 黄色 点 分 别 表示 ID 选择 器 、 类 选择 
器 、 元 素 选择 器 和 内 联 样式 。 








(3) 将 光标 定位 到 要 应 用 样式 的 元 素 处 ， 如 <p> 元 素 ， 此 时 【应 用 样式 】 窗 口中 将 显示 当前 
可 用 的 样式 ， 单 击 p.one 类 ， 如 图 4-12 所 示 。 








日 StyleSheet css 
9.note 
日 上 下 文选 择 器 


计 ] 口 拆 分 | 回 尖 4 [ody [CornteorniS] [Civ <p>] 





4-12 应 用 样式 
(4) 切换 到 源 视图 ， 可 以 看 到 VWD 会 向 <p> 标 记 添 加 一 个 class 属性 : 
<p class="one" >CSS 样式 示例 </p> 


(5) 如 果 要 应 用 多 个 类 ， 则 在 单 击 列表 中 的 其 他 类 时 ， 按 住 Ctrl 键 ， 这 样 就 会 应 用 一 个 类 列 
表 ， 元 素 的 class 属性 之 间 由 一 个 空格 隔 开 。 也 可 以 对 源 视图 中 选中 的 元 素 应 用 同样 的 步骤 。 
(6) 单 击 【应 用 样式 】 窗 口中 的 【清除 样式 〗】， 就 可 以 快速 地 从 标记 中 删除 现 有 类 和 内 联 样式 。 


@ )2.4 ”管理 样式 


【管理 样式 ] 窗 口 提供 了 一 个 总 体 视图 , 可 以 看 到 应 用 到 当前 文档 的 所 有 外 部 和 内 嵌 样 式 表 。 
它 是 一 个 非常 有 用 的 窗口 , 可 以 将 新 样式 附加 到 当前 文档 中 , 将 一 个 位 置 的 样式 移 到 另 一 个 位 置 。 
下 面 的 例 4-2 演示 了 【管理 样式 】 窗 口 的 应 用 。 
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【 例 4-2】 将 内 幅 式 样式 移 到 样式 表 文件 中 。 
(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 】 命 令 ， 新 建 网 站 【 例 4-2】。 
(2) 切换 到 Defaultaspx 的 设计 视图 ， 选 择 【 格 式 〗| 【新 建 样式 】〗 命 令 ， 打 开 【 新 建 样式 】 
(3) 在 【选择 器 〗 下 拉 列 表 中 选择 h2 标记 ， 在 【定义 位 置 〗 下 拉 列 表 中 选择 “当前 网 页 ”， 
定义 一 个 内 嵌 式 样式 h2， 切 换 到 源 视图 ， 在 <head> 标 记 中 将 生成 如 下 代码 : 
<style type="text/css"> 
h2 
{ 
color: #FFOOFF: 
font-family: 宋体 , Arial, Helvetica. sans-serif: 
} 
</style> 


(4) 使 用 前 面 学 过 的 知识 ， 新 建 一 个 CSS 样式 文件 StyleSheet.css， 代 码 如 下 : 


body 
{ 
font-family: 宋体 , Arial, Helvetica, sans-serif; 
中 
Pp.one{ 
color:red:; 
有 
ptwof 
colorblue: 


color: #000080: 
} 


(5) 将 StyleSheet.css 样式 文件 附加 到 Default.aspx 页 面 。 

(6) 选择 【视图 】〗|【 其 他 窗口 】| 【管理 样式 】 命 令 ， 打 开 【 管 理 样式 】〗 窗 口 ， 此 时 该 窗口 中 
列 出 了 样式 文件 中 的 样式 和 当前 网 页 中 的 内 嵌 样 式 。 

(7) 右 击 当前 网 页 中 的 h2 样式 ， 从 弹出 的 快捷 菜单 中 选择 【新 建 样式 副本 】 命 令 ， 如 图 4-13 
所 示 。 将 打开 【新 建 样式 】 对 话 框 ， 允 许 创建 一 个 基于 当前 选项 的 新 样式 ， 在 【选择 器 〗 下 拉 列 
表 中 将 默认 自动 选择 h2， 在 【定义 位 置 〗】 下 拉 列 表 中 选择 “ 现 有 样式 表 ” 选 项 ， 在 【URL] 下 
拉 列 表 中 选择 StyleSheet.css 选项 ， 如 图 4-14 所 示 。 


SS 


Ke 
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。 守信 ，Arial, Jelvetica, sans-serif | 
? text-decoration; 
口 maerline 
Doverline 
3 Dline-throueh 
font-variant- T 口 wuim 
or 2 Daone 


font-style: | 


color: 
应 用 样式 (&) 
转 到 代码 G) 
选择 全 部 1 个 实例 E) 





微软 卓越 AaBbCc 





苞 0 EntEwmily; 宋体 ，Mrinl, Nelvetice, sans-serif 





CE Cm 
图 4-13 【管理 样式 】 面 板 图 4-14 【新 建 样式 】 对 话 框 














(8) 单 击 【 确 定 】〗 按 钮 关闭 对 话 框 。VWD 会 创建 h2 样式 的 一 个 副本 ， 并 把 它 放 在 文件 
StylesSheet.css 中 。 

(9) 在 【管理 样式 】 面 板 中 ， 再 次 右 击 当前 网 页 中 的 h2 样式 ， 从 弹出 的 快捷 菜单 中 选择 【 删 
除 】 命 令 ， 这 样 会 把 样式 属性 从 <head> 标 记 内 删除 。 

通过 以 上 操作 完成 了 将 内 翌 式 样式 移 到 样式 表 文件 中 的 操作 。 


G4 )2.5 DIV 和 CSS 布局 


在 传统 的 表格 布局 中 ， 完 全 依赖 于 表格 对 象 TABLE， 在 页 面 中 绘制 多 个 单元 格 ， 在 表格 中 
放置 内 容 , 通过 表格 的 间距 或 者 用 无 色 透 明 的 GIF 图 片 来 控制 布局 版 块 的 间距 ,达到 排版 的 目的 。 
而 以 DIV 对 象 为 核心 的 页 面 布局 中 ， 通 过 层 来 定位 ， 通 过 CSS 定义 外 观 ， 最 大 程度 地 实现 了 结 
构 和 外 观 彻底 分 离 的 布局 效果 ， 因 此 习惯 上 对 层 布 局 又 称 为 DIV 和 CSS 布局 。 

层 布局 最 核心 的 标签 就 是 DIV。DIV 是 一 个 容器 ， 在 使 用 时 以 <DIV></DIV> 形 式 存在 。 在 
XHTML 中 ， 每 一 个 标签 都 可 以 称 作 是 容器 ， 能 够 放置 内 容 。 但 DIV 是 XHTML 中 专门 用 于 布 
局 设计 的 容器 对 象 。 

1. 定义 层 


添加 层 的 方法 非常 简单 ， 可 以 通过 【工具 箱 】 面 板 中 的 HTML 选项 卡 托 搜 一 个 Div 项 到 设 
计 视 图 中 ， 或 者 在 源 视图 中 创建 一 对 <div></div> 标 记 。 
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2. 盒子 模型 


1996 年 CSS1 推出 后 ，W3C 组 织 就 建议 把 所 有 网 页 上 的 对 象 都 放 在 一 个 盒子 box) 中 ， 设 计 
师 可 以 通过 创建 定义 来 控制 这 个 盒子 的 属性 ， 这 些 对 象 包括 段落 、 列 表 、 标 题 、 图 片 以 及 层 。 盒 
子 模型 主要 定义 了 4 个 区 域 ， 内 容 (content)、 边 框 距 (padding)、 边 界 (border) 和 边 距 (margin)， 如 
图 4-15 所 示 。 








marsin-top 


border-top 


gr 
9 
本 
训 


HI- 
305 


border-bottom 








margin-bottom 





图 4-15 禽 子 模型 


理解 盒子 模型 就 可 以 理解 层 与 层 之 间 定 位 的 关系 以 及 层 内 部 的 表达 样式 。 其 中 , margin 属性 
负责 层 与 层 之 间 的 距离 ，padding 属性 负责 内 容 和 边框 之 间 的 距离 。 

下 面 的 代码 定义 了 盒子 模型 中 的 一 些 样式 。 

<style> 

#sample2 

background-color: #FFFFO00: 

border-style: solid:; 

padding-bottom: 25px: 

margin-bottom: SOpx: 

width: 60%:; 

} 

</style> 


3. 层 的 定位 

在 一 个 页 面 中 定义 多 个 层 , 会 发 现 这 些 层 自动 排列 在 不 同 的 行 ， 而 要 真正 实现 左右 排列 ， 就 
要 加 入 新 的 属性 一 一 float( 浮 动 属性 ).float 浮动 属性 是 DIV 和 CSS 布局 中 的 一 个 非常 重要 的 属性 。 
大 部 分 的 DIV 布局 都 是 通过 float 的 控制 来 实现 的 。 具 体 参数 如 下 : 


@ floatnone 用 于 设置 是 否 浮动 ; 
@@ floatleft 用 于 表示 对 象 向 左 浮动 ; 
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@ ”floatright 用 于 表示 对 象 向 右 浮动 。 
例如 ， 下 面 的 代码 将 创建 一 种 左右 上 下 分 栏 的 样式 ， 其 效果 如 图 4-16 所 示 。 


<head runat="server"> 
<style> 
#eft right {background-color-#eeeeee:border: 1px solid #33ccffheight:200px: } 
夫 eft{width:180px; float:left: } 
#bottom{ background-color:#eeeeee: border:1px solid #33ccff: height:SOpx: clearboth: } 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="left"> 当 前 层 的 人 D 是 left</div> 
<div id="right"> 当 前 层 的 外 是 right</div> 
一 <divid- "bottom"> 当 前 层 的 ID 是 bottom</div> 
-= </form> 
Slbody> 
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图 4-16 左右 上 下 分 栏 


4. 利用 DIV 和 CSS 实现 页 面 布局 


DIV 只 是 一 个 区 域 标识 ， 划 定 了 一 个 区 域 ， 要 实现 样式 还 需要 借助 于 CSS， 这 样 的 分 离 ， 使 
得 DIV 的 最 终 效 果 是 由 CSS 来 编写 的 。CSS 可 以 实现 左右 分 栏 ， 也 可 以 实现 上 下 分 栏 ， 而 表格 
则 没有 这 么 大 的 灵活 性 。CSS 与 DIV 的 无 关 性 ， 决 定 了 DIV 在 设计 上 有 极 大 的 伸缩 性 ， 而 不 拘 
泥 于 单元 格 固定 的 模式 束缚 。 因 此 ， 实 现 网 页 布局 ， 通 常 是 先 在 网 页 中 将 内 容 用 DIV 标记 出 来 ， 
然后 再 用 CSS 来 编写 样式 。 








采用 DIV 和 CSS 布局 之 前 ， 首 先 要 分 析 网 页 有 哪些 内 容 块 ， 以 及 每 个 内 容 块 的 含义 ， 这 就 
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是 所 谓 的 网 页 结构 。 通 常情 况 下 页 面 结构 包含 以 下 几 块 。 
(1) 标题 区 (headeD: 用 来 显示 网 站 的 标志 和 站 点 名 称 等 。 
(2) 导航 区 (navigation): 用 来 表示 网 页 的 结构 关系 ， 如 站 点 导航 ， 通 常 放置 主 菜单。 


(3) 主 功能 





区 (contenb: 用 来 显示 网 站 的 主题 内 容 ， 如 商品 展示 、 公 司 介 绍 等 。 


(4) 页 脚 (footeD: 用 来 显示 网 站 的 版 权 和 有 关 法 律 声 明 等 。 
通常 采用 DIV 元 素来 将 这 些 结构 先 定义 出 来 ， 类 似 这 样 : 
<div id="header"></div> 

<div id="globalnav"></div> 

<div id="content"></div> 

<div id="footer"></div> 


然后 在 CSS 样式 表 中 定义 每 个 元 素 ID 的 具体 样式 ， 从 而 控制 整个 页 面 的 布局 。 例 如 : 


网 站 的 美观 主要 涉及 页 面 和 控件 的 样式 属性 ， 在 ASP.NET 应 用 程序 中 ,可 以 利用 CSS 控制 
页 面 上 各 元 素 的 样式 以 及 部 分 服务 器 控件 的 样式 ， 但 是 ， 有 些 服务 器 控件 的 属性 无 法 通过 CSS 
进行 控制 。 为 了 解决 这 个 问题 ， 从 ASPNET 2.0 开始 就 提供 了 一 种 称 为 “主题 ”的 新 方式 ， 它 可 
以 保持 网 站 外 观 的 一 致 性 和 独立 性 , 同时 使 页 面 的 样式 控制 更 加 灵活 方便 , 例如 动态 实现 不 同 用 


户 界 面 的 切换 等 。 


(3.:1 主题 的 基本 概念 


主题 是 指 页 面 和 控件 外 观 属性 设置 的 集合 。 主 题 由 一 个 文件 组 构成 ， 包 括 外 观 文件 (扩展 名 
为 .skin)、 级 联 样式 表 文件 (扩展 名 为 .css)、 图 片 和 其 他 资源 等 的 组 合 ， 但 一 个 主题 至 少 包含 一 个 


外 观 文件 。 
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1. 外 观 文件 


外 观 文件 是 主题 的 核心 文件 ， 也 称 为 皮肤 文件 ， 专门 用 于 定义 服务 器 控件 的 外 观 。 在 主题 中 
可 以 包含 一 个 或 多 个 外 观 文件 ， 外 观 文件 的 后 组 名 为 .skin。 

在 控件 外 观 设置 中 , 只 能 包含 主题 的 属性 定义 , 如 样式 属性 、 模板 属性 、 数据 绑 定 表达 式 等 ， 
不 能 包含 控件 的 人 D， 如 Label 控件 的 外 观 设置 代码 如 下 : 


<asp:Label runat="server" BackColor="Blue" Font-Names="Arial Narrow" /> 





这 样 一 旦 将 该 外 观 应 用 到 Web 页 面 中 ， 则 所 有 的 Label 控件 都 将 显示 外 观 所 设置 的 样式 。 

右 击 某 一 个 主题 文件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命令 , 在 打开 的 【添加 新 项 】 
对 话 框 中 选择 【外 观 文件 】 选 项 ， 并 在 【名 称 】 文 本 框 中 输入 外 观 文件 名 ， 单 击 【 添 加 】 按 钮 即 
可 添加 一 个 外 观 文件 。 

2. 级 联 样式 表 文 件 


主题 中 可 以 包含 一 个 或 多 个 CSS 文件 ， 一 旦 CSS 文件 被 放 在 主题 中 ， 则 应 用 时 无 需 再 在 页 
面 中 指定 CSS 文件 链接 ， 而 是 通过 设置 页 面 或 网 站 所 使 用 的 主题 即 可 ， 当 主题 得 到 应 用 时 ， 主 
题 中 的 CSS 文件 会 自动 应 用 到 页 面 中 。 

右 击 某 一 个 主题 文件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命令, 在 打开 的 【添加 新 项 】 
对 话 框 中 选择 【样式 表 文 件 】 选 项 ， 即 可 添加 样式 表 文件 。 

主题 在 Web 站 点 的 根 文件 夹 的 特殊 文件 夹 App_Themes 中 。 这 个 文件 夹 中 可 以 包含 多 个 主 
题目 录 ， 而 外 观 文件 等 资源 则 放 在 主题 目录 中 ， 如 图 4-17 所 示 的 主题 目录 结构 中 创建 了 3 个 主 
题 ， 分 别 是 “主题 1”、“ 主 题 2” 和 “主题 3”，“ 主 题 1” 中 包含 一 个 外 观 文件 ， “主题 2” 
中 包含 两 个 外 观 文件 ， “主题 3” 中 包含 一 个 外 观 文件 和 一 个 样式 表 文件 。 











至 (ee 四 
i 每 当主 题 处 于 活动 状态 时 ,对 主题 文 ; 
PR 1 件 天 中 各 个 CSS 文件 的 链接 就 会 自动 添 
ES 《加 到 页 面 的 <bead> 部 分 、 i 





图 4-17 主题 目录 结构 


(4)32 主题 的 类 型 


主题 分 为 两 大 类 型 :一 类 是 应 用 程序 主题 ， 另 一 类 是 全 局 主题 。 

@ ”应 用 程序 主题 是 指 保存 在 Web 应 用 程序 的 App_Themes 文件 夹 下 的 一 个 或 多 个 主题 文 
件 夹 ， 主 题 的 名 称 就 是 文件 夹 的 名 称 。 

@ ”全局 主题 是 指 保存 在 服务 器 上 ， 根 据 不 同 的 服务 器 配置 决定 的 ， 能 够 对 服务 器 上 所 有 
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Web 应 用 程序 起 作用 的 主题 文件 夹 。 

一 般 情况 下 ， 很 少 用 到 全 局 主题 ， 而 本 书 所 讲 的 主题 仅 指 应 用 程序 主题 ， 即 保存 在 应 用 程序 
中 App_Themes 文件 夹 下 的 主题 文件 夹 ， 简 称 主题 。 

ASPNET 页 面 有 两 个 不 同 的 设置 主题 的 属性 : Theme( 页 主题 ) 属 性 和 StyleSheetTheme( 页 的 
样式 表 主 题 ) 属 性 。 这 两 个 属性 都 使 用 在 App_Themes 文件 夹 中 定义 的 主题 。 虽 然 一 开始 它们 看 
起 来 非常 相似 ， 但 是 在 运行 时 它们 的 行为 就 不 同 了 。StyleSheetThemes 在 页 面 的 生命 周期 中 应 用 
得 非常 早 ， 在 创建 页 面 实例 后 不 久 就 应 用 了 。 这 意味 着 单个 页 面 能 通过 在 控件 上 应 用 内 联 属 性 来 
重 写 主题 的 设置 。 例 如 ， 带 有 将 按钮 的 BackColor 设置 为 紫色 的 外 观 文件 的 主题 可 以 被 页 面 标记 
中 下 面 的 控件 声明 重 写 : 


<asp:Button ID="Buttonl" runat="server" Text="Button" BackColor="Blue" > 


而 Theme 属性 在 页 面 的 生命 周期 中 应 用 的 时 间 较 晚 ， 能 有 效 地 重 写 为 单个 控件 自 定义 的 任 
何 属性 。 

由 于 StyleSheetTheme 的 属性 能 被 页 面 重 写 ， 而 Theme 又 能 再 次 重 写 这 些 属性 ， 两 者 用 于 不 
同 的 目的 。 如 果 想 为 控件 提供 默认 设置 则 应 设置 StyleSheetTheme， 即 StyleSheetTheme 能 为 控件 
提供 默认 值 ， 然 后 又 可 以 在 页 面 级 重 写 。 如 果 想 强制 应 用 控件 的 外 观 则 应 使 用 Theme 属性 。 因 
为 Theme 中 的 设置 不 能 再 重 写 ， 而 且 它 有 效 地 重 写 了 任何 自 定义 设置 ， 因 此 能 确保 控件 的 外 观 
就 是 在 主题 中 定义 的 样子 。 

如 果 由 于 某 种 原因 不 想 向 特定 控件 应 用 外 观 , 可 以 通过 设置 控件 的 EnableTheming 属性 来 禁 
用 外 观 ， 如 下 : 


<asp:Button ID="Buttonl" runat="server" EnableTheming="False" Text="Button" /> 


由 于 将 EnableTheming 属性 设置 为 了 False， 因 此 就 不 会 向 控件 应 用 外 观 ， 而 仍然 会 应 用 主 
题 的 CSS 文件 中 的 CSS 设置 。 


(4 )3.3 ”创建 并 应 用 主题 


打开 一 个 Web 应 用 程序 ， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 项 目 名 ， 从 弹出 的 快捷 菜单 
中 选择 【添加 】|【 添 加 ASPNET 文件 夹 】 | 主题】 命令 ， 系 统 自动 创建 App_Themes 文件 夹 ， 
并 在 该 文件 夹 下 生成 一 个 默认 名 为 “主题 1” 的 文件 夹 。 在 App_Themes 文件 夹 中 可 以 创建 多 个 
主题 ， 方 法 相同 。 

为 了 创建 一 个 主题 ， 需 要 做 下 列 事情 : 

@ ”如 果 站 点 中 还 没有 App_Themes 文件 夹 ， 则 首先 要 创建 该 文件 夹 。 

®@ ”对 于 要 创建 的 每 个 主题 ,用 主题 的 名 称 创建 一 个 子 文件 夹 。 

图 “可 选 地 ， 创 建 一 个 或 多 个 将 成 为 主题 一 部 分 的 CSS 文件 。 虽 然 根据 主题 命名 CSS 文件 

有 助 于 标识 正确 的 文件 , 但 并 不 要 求 一 定 要 这 样 做 。 添 加 到 主题 的 文件 夹 中 的 任何 CSS 
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文件 都 会 在 运行 时 自动 添加 到 页 面 中 。 
@ ”可 选 地 , 向 主题 文件 夹 中 添加 一 个 或 多 个 图 像 。CSS 文件 应 当 用 稍 后 将 介绍 的 相对 路 径 
来 引用 这 些 图 像 。 
@ ”可 选 地 , 向 主题 文件 夹 中 添加 一 个 或 多 个 外 观 文件 。 外观 允许 为 之 后 要 在 运行 时 应 用 的 
特定 控件 定义 单个 属性 (比如 ForeColor 和 BackColor)。 
执行 了 这 些 步 骤 以 后 ， 就 能 将 站 点 或 单个 Web 页 面 配置 为 使 用 此 主题 。 


1. 在 主题 中 定义 外 观 


skin 文件 必须 直接 在 主题 的 文件 夹 中 创建 。 不 能 像 存储 主题 的 图 像 那样 把 Skin 文件 存储 在 
-个 于 文件 夹 中 。 
在 外 观 文件 中 , 系统 没有 提供 控件 属性 设置 的 智能 提示 功能 , 这 使 得 用 户 定义 自己 的 控件 及 
其 属性 比较 困难 。 要 想 使 用 VWD 的 智能 提示 功能 ， 可 做 如 下 设置 : 
(1) 选择 【工具 】|【 选 项】 命令 ,打开 【选项 】 对 话 框 。 
檀 (2) 展开 【文本 编辑 器 】 选 项 ， 然 后 选择 【文件 扩展 名 】。 
(3) 在 右 侧 的 【扩展 名 】 文 本 框 中 输入 skin， 然 后 从 【编辑 器 】 下 拉 列 表 中 选择 【用 户 控 件 
编辑 器 】 选 项 。 
(4) 单 击 【 添 加 】 按钮 ， 然 后 单 击 【 确 定 】 按 钮 完成 设置 ， 如 图 4-18 所 示 。 
设置 完 以 后 ， 当 再 次 打开 一 个 skin 文件 时 ， 就 会 出 现 智能 提示 功能 了 。 
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图 4-18 【选项 】 对 话 框 


一 知识 点 
也 可 以 不 在 外 观 文件 中 直接 编写 定义 控件 外 观 的 代码 ， 而 是 先 在 页 面 中 设置 控件 的 属性 ， 然 后 再 将 自 





动 生成 的 代码 复制 到 外 观 文件 中 ， 去 掉 所 有 控件 的 ID 属性 即 可 .。 


【 例 4-3】 创 建 一 个 包含 一 些 简 单 外 观 的 主题 ， 这 些 外 观 用 于 定义 控件 的 外 观 。 
(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 4-3】。 
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(2) 在 【解决 方案 资源 管理 器 】〗 中 ， 右 击 项 目 名 ， 从 弹出 的 快捷 菜单 中 选择 【添加 】|【 添 加 


ASP.NET 文件 夹 〗| 【主题 〗 命 令 ， 系 统 将 创建 名 为 App Themes 的 文件 夹 和 名 为 “主题 1” 的 子 


(3) 右 击 “主题 1” 文 件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】〗 命 令 ， 添 加 一 个 新 的 外 


观 文件 SkinFile.skin。 


Button 控件 。 


中 ， 


文件 中 给 特定 的 控件 添加 一 个 SkinID 属性 ， 例 如 ， 在 【 例 4-3】 中 增加 一 个 按钮 ， 其 外 观 定义 
如 下 : 


Bordercolor="red" Backcolor="Green"/> 


如 图 4-20 所 示 。 


(4) 新 添加 的 文件 中 包含 一 段 外 观 文件 编写 的 说 明文 字 和 两 个 示例 ， 如 下 所 示 : 
<%— 
默认 的 外 观 模板 。 以 下 外 观 仅 作为 示例 提供 。 
1. 命名 的 控件 外 观 。SkinId 的 定义 应 唯一 ， 因 为 在 同一 主题 中 不 允许 一 个 控件 类 型 有 重复 的 SkinId。 
<asp:GridView rmnat="server" SkinId="gridviewSkin" BackColor= "White" > 
<AltematingRowStyle BackColor="Blue" /> 


</asp:GridView> 

2. 默认 外 观 。 未 定义 SkinId。 在 同一 主题 中 每 个 控件 类 型 只 允许 有 一 个 默认 的 控件 外 观 。 已 
<asp:Image runat="server" ImageUrl="~/images/imagel.jpe" /> Ee 
—%> 


(5) 按照 以 上 示例 ， 添 加 如 下 代码 ， 定 义 Label 和 Button 控件 的 外 观 。 
<asp:Label runat="server" ForeColor="red" Font-Size="14pt" Font-Names="Verdana" /> 
<asp:Button runat="server" Borderstyle="Solid" Borderwidth="2px" Bordercolor="Blue" Backcolor="yellow"/> 
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(6) 保存 该 外 观 文件 。 打 开 Default.aspx 文件 ,切换 到 设计 视图 ， 添加 一 个 Label 控件 和 一 个 


尘 


(7) 在 【属性 】 面 板 中 选择 Document 元 素 ， 设 置 Theme 属性 为 “主题 1”， 切 换 到 源 视图 
可 发 现代 码 第 一 行 的 @ Page 指令 中 添加 了 如 下 属性 : 





实测 赴 沦 


<%@ Page ... Theme="Themel"%o> 


(8) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 该 页 面 ， 查 看 设置 效果 ， 如 图 4-19 所 示 。 
如 果 希 望 某 些 控件 的 外 观 和 页 面 中 具有 相同 类 型 的 其 他 控件 的 外 观 不 一 样 ， 则 可 以 在 .skin 


<asp:Button runat="server" SkinID="GreenBtn" Font-Size="14pt" Borderstyle="dotted" Borderwidth="2px" 





在 Default.aspx 页 面 中 再 添加 一 个 Button 控件 ， 设 置 其 SkinID 属性 为 GreenBtn。 显 示 效果 
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图 4-19 应 用 外 观 后 的 控件 图 4-20 应 用 SkinID 属性 的 控件 


2. 在 主题 中 定义 样式 表 


除了 外 观 文件 ， 在 主题 中 还 可 以 定义 .css 文件 ， 然 后 在 网 页 文件 中 设置 StyleSheetTheme 属 
您 性 为 定义 的 主题 即 可 。 
【 例 4-4】 在 网 页 文件 中 同时 使 用 外 观 文件 和 样式 表 文件 。 
(1) 启动 VWD 2010， 打 开 网 站 【 例 4-3】。 
(2) 右 击 【主题 1】 文件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】〗 命 令 ， 添 加 一 个 样式 表 
文件 StyleSheet.css。 
(3) 在 StyleSheet.css 样式 文件 中 添加 如 下 代码 ， 定 义 hl 的 样式 : 


基 
础 
与 
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hl 
border-style: dashed; 
font-size: 1.6em: 
padding-bottom: Opx: 
margin-bottom: Opx; 
color: #FF0000:; 

} 





EEET 


(4) 在 Default.aspx 页 面 中 添加 <hl> 标 记 的 元 素 : 

<h1> 欢 迎 光临 小 石头 网 站 </h1> 

(5) 修改 当前 页 面 的 Document 标记 中 属性 StyleSheetTheme 的 值 为 “主题 1”。 

(6) 编译 并 运行 程序 ， 在 浏览 器 中 即 可 看 到 引入 外 观 和 样式 表 文件 后 的 最 终 显示 效果 ， 如 图 
4-21 所 示 。 
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图 4-21 引入 外 观 和 样式 后 的 页 面 效果 


创建 了 主题 之 后 ,可 以 定制 如 何在 应 用 程序 中 使 用 主题 , 方法 是 : 将 主题 作为 自 定义 主题 与 
网 页 文件 关联 , 或 者 将 主题 作为 样式 表 主题 与 网 页 文件 关联 。 样式 表 主题 和 自 定义 主题 都 使 用 相 
同 的 主题 文件 , 但 是 样式 表 主 题 在 网 页 文件 的 控件 和 属性 中 的 优先 级 最 低 。 在 ASPNET 中 , 优 
先 级 的 顺序 是 : 

(1) 主题 设置 ， 包 括 Web.config 文件 中 设置 的 主题 。 

(2) 本 地 网 页 文件 的 样式 属性 设置 。 

(3) 样式 表 主 题 设置 。 

在 这 里 , 如 果 选 择 使 用 样式 表 主 题 , 则 在 网 页 文件 中 本 地 声明 的 任何 样式 信息 都 将 覆盖 样式 
表 主题 的 属性 。 同 样 ， 如 果 使 用 自 定义 主题 ， 则 主题 的 属性 将 覆盖 本 地 网 页 文件 中 设置 的 任何 样 
式 内 容 ， 以 及 使 用 中 的 任何 样式 表 主 题 中 的 任何 内 容 。 

3. 主题 的 应 用 级 别 


有 3 个 不 同 的 选项 可 以 向 Web 站 点 应 用 主题 ， 分 别 是 : 在 Page 指令 中 的 页 面 级 、 在 站 点 级 
修改 Web.config 文件 ， 以 及 通过 程序 来 设置 主题 。 
@ ”在 页 面 级 设置 主题 
在 例 4-3 和 例 4-4 中 就 是 使 用 这 种 方式 来 应 用 主题 的 。 在 页 面 级 设置 Theme 属性 或 
StyleSheetTheme 属性 很 容易 ， 只 要 设置 页 面 的 Page 指令 中 的 相关 属性 即 可 。 
<%@ Page Language="C#" AutoEventWireup="false" CodeFile="Default.aspx.cs" 
Inherits=" Default" Theme=" 主 题 1" StyleSheetTheme=" 主 题 1" 9%> 





用 StyleSheetTheme 替换 Theme 来 应 用 一 个 主题 ， 该 主题 的 设置 可 以 由 单个 页 面 重 写 。 

@ “在 站 点 级 设置 主题 

为 了 在 整个 Web 站 点 中 强制 应 用 同一 个 主题 ， 可 以 在 Web.config 文件 中 设置 主题 。 要 做 到 
这 一 点 ， 需 要 将 一 个 theme 属性 添加 到 <system.web> 元 素 内 的 <pages> 元 素 中 : 


<pages theme=" 主 题 1"> 





<pages> 
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确保 全 部 用 小 写字 母 输入 theme， 因 为 Web.config 文件 中 的 XML 是 区 分 大 小 写 的 。 

@@“ 通过 程序 来 设置 主题 

设置 主题 的 第 三 种 也 是 最 后 一 种 方式 是 通过 代码 来 编程 设置 。 由 于 主题 的 工作 方式 ， 需 要 
在 页 面 生命 周期 的 早期 完成 这 一 工作 。 通 常 是 在 PreInit 事件 通过 Page 对 象 的 Theme 属性 来 设 
置 主题 。 








3.4_ 动态 切换 主题 


动态 切换 主题 是 指 在 运行 时 切换 主题 。 例 如 ， 可 以 通过 允许 用 户 使 用 喜欢 的 颜色 和 布局 。 由 
于 使 用 的 是 在 运行 时 向 页 面 应 用 主题 的 方式 ， 因 此 需要 在 页 面 的 生命 周期 较 早 的 时 候 设 置 主题 ， 
即 在 PreInit 事件 中 设置 。 

为 了 允许 用 户 修改 主题 ， 可 以 向 其 提供 一 个 下 拉 菜单 ， 当 用 户 修改 列表 中 的 活动 选项 时 ， 该 
菜单 自动 向 服务 器 发 起 回 发 请 求 。 在 服务 器 上 ， 就 会 得 到 从 列表 中 选择 的 主题 ， 将 它 应 用 到 页 面 
上 ， 然 后 将 选项 存储 在 Cookie 中 ， 以 便 在 下 次 访问 Web 站 点 时 检索 它 。 

【 例 4-5】 让 用 户 选择 自己 喜欢 的 主题 ， 实 现 动态 换 肤 功能 。 

(1) 启动 VWD 2010， 新 建 网 站 【 例 4-5】. 

(2) 在 【解决 方案 资源 管理 器 〗 中 ， 右 击 项 目 名 ， 从 弹出 的 快捷 菜单 中 选择 【添加 】|【 添 加 
ASP.NET 文件 夫 】|【 主 题 】 命 令 ， 系 统 将 创建 名 为 App_Themes 的 文件 夹 和 名 为 “主题 1” 的 子 
文件 夫 。 

(3) 右 击 “主题 1” 文 件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 命令， 添加 一 个 新 的 外 
观 文 件 SkinFile.skin， 用 同样 的 方法 再 在 该 文件 夹 下 添加 一 个 CSS 样式 文件 StyleSheet.css。 

(4) 右 击 “主题 1” 文 件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【新 建文 件 夹 〗 命 令 ， 新 建 一 个 文件 
天 ， 修 改 其 名 称 为 images， 在 images 文件 夫 上 右 击 ， 选 择 【添加 现 有 项 】 命 令 ， 添 加 一 个 图 片 
作为 主题 1 的 背景 图 片 。 

(5) 用 相同 的 操作 创建 “主题 2 ， 其 中 也 包括 一 个 外 观 文件 SkinFile.skin、 一 个 CSS 样式 
文件 StyleSheet.css 以 及 images 文件 夫 和 “主题 2” 的 背景 图 片 ， 目 录 结 构 如 图 4-22 所 示 。 

(6) “主题 1]” 在 这 里 定义 为 “天 蓝 蓝 ”， 所 以 背景 图 片 和 控件 的 外 观 都 以 蓝 色 为 主 ， 在 “ 主 
题 1” 的 外 观 文件 中 添加 如 下 代码 : 

<asp:Label runat="server" BackColor="#CCCCFF" Font-Bold=-"True" Font-Size="Large" ForeColor="#CCOOFF" 
BorderStyle="Dashed" /> 

<asp:DropDownList runat="server” BackColor="White" Font-Bold="True" 
ForeColor="#CC33FF" Font-Size="Large"/> 

<asp:Calendar runat="server" BackColor="White" 
BorderColor="#3366CC" BorderWidth="1px" CellPadding="1" 
DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" 


PR 
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ForeColor="#003399" Height="200px” Width="220px"> 
<DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" /> 
<NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" /> 
<OtherMonthDayStyle ForeColor="#999999" /> 
<SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" /> 
<SelectorStyle BackColor="#99CCCC" ForeColor="#336666" /> 
<TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" 
Font-Bold="Trme" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" /> 
<TodayDayStyle BackColor="#99CCCC" ForeColor="White" /> 
<WeekendDayStyle BackColor="#CCCCFF"/> 
</asp:Calendar> 


(7) “主题 1” 的 样式 表 文件 中 只 定义 背景 图 片 ， 所 以 添加 如 下 代码 即 可 


body 
{ 
background-image: url(images/blue.jpg’): 
} 
(8) “主题 2” 定义 为 “夕阳 红 ”， 其 背景 图 片 和 控件 的 外 观 都 以 红色 为 主 ， 在 “主题 1” 
的 外 观 文件 中 添加 如 下 代码 : 
<asp:Label runat="server" BackColor="White" Font-Bold="True" Font-Size="Large" ForeColor="Red" 
BorderStyle="Groove" /> 

<asp:DropDownList runat="server"” BackColor="White" Font-Bold="Trme" 
ForeColor="Red" Font-Size="Large"/> 

<asp:Calendar runat="server" BackColor="#FFFFCC" 
BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest" 
Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px" 
ShowGridLines="True" Width="220px"> 
<DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" /> 
<NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" /> 
<OtherMonthDayStyle ForeColor="#CC9966" /> 
<SelectedDayStyle BackColor="#CCCCFF" Font-Bold="Tme" /> 
<SelectorStyle BackColor="#EFCC66" /> 
<TitleStyle BackColor="#990000" Font-Bold=-"True" Font-Size="9pt" 

ForeColor="#FFFFCC" > 
<TodayDayStyle BackColor="#FFCC66" ForeColor="White" /> 
</asp:Calendar> 
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(9) 在 “主题 2” 的 样式 表 文 件 中 添加 如 下 代码 : 
body 

background-image: url(images/sunsetjpg): 
} 


(10) 打开 Default.aspx 页 面 ， 切 换 到 设计 视图 ， 添 加 一 个 Label 控件 、 一 个 DropDownList 


控件 和 一 个 Calendar 控件 ， 只 需 设置 Label 控件 的 Text 属性 ，DropDownList 控件 的 Item、 
AutoPostBack 属性 即 可 ， 生 成 的 代码 如 下 : 
<asp:Label ID="Label1" runat="server" Text=" 请 选择 主题 "></asp:Label> 
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"> 
<asp:ListItem Value=" 主 题 1"> 天 蓝 蓝 </asp:ListItem> 
<asp:ListItem Value=" 主 题 2"> 夕 阳 红 </asp:ListItem> 
</asp:DropDownList> 
(11) 为 DropDownList 控件 添加 SelectedIndexChanged 事件 处 理 程序 ， 代 码 如 下 : 


protected void DropDownListl_SelectedIndexChanged(object sender, EventArgs e) 





{ 
区 HttpCookie myTheme = new HttpCookie("myTheme"): 
le myTheme.Expires = DateTime.Now.AddMonths(3): 
训 myTheme.Value = DropDownListl.SelectedValue: 
Response.Cookies.Add(myTheme): 
系 Response Redirect(RequestUrLToString0O): 
四 一 知 认 点 NE Te 、 
1 i 在 下 拉 列 表 的 事件 处 理 程序 中 , 最 后 一 步 是 将 用 户 重 1 
de | 定向 到 同一 个 页 面 ， 否 则 就 不 会 立即 应 用 新 主题 .因为 主 ) 
1 1 题 需要 在 页 面 的 生命 周期 的 早期 设置 ， 所 以 不 能 再 为 当前 ! 
二 ; 的 请 求 设置。 通过 将 用 户 重 定向 到 同一 个 页 面 ， 就 发 出 了 ， 
Boa \ 一 个 能 够 成 功 应 用 选中 主题 的 新 请 求 。 2 


4-22 主题 的 目录 结构 
(12) 当 页 面 加 载 时 将 需要 再 次 从 列表 中 预先 选择 恰当 的 项 ， 以 显示 正确 的 主题 。 进 行 此 操 
作 的 最 佳 位 置 是 在 Page 类 的 Load 事件 中 。 添 加 处 理 程序 的 代码 如 下 : 
protected void Page_Load(object sender. EventArgs e) 


上 
if (!Page.IsPostBack) 
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string selectedTheme = Page.Theme: 
HttpCookie myTheme = Request.Cookies.Get("myTheme"): 
if (myTheme 二 nu 
{ 
selectedTheme = myTheme.Value; 
} 
if (!string.IsNullOrEmpty(selectedTheme) &é&- 
DropDownListl Items.FindByValue(selectedTheme) != nul) 
DropDownListl Items.FindByValue(selectedTheme).Selected = true; 
} 


} 


(13) 正如 前 面 所 提 到 的 ， 主 题 需要 在 PreInit 事件 (该 事件 在 页 面 生命 周期 的 早期 发 生 ) 中 设 
置 。 在 该 事件 内 可 以 查看 带 选 中 主题 的 cookie 是 否 存在 。 如 果 存 在 , 就 可 以 用 它 的 值 设置 恰当 的 
主题 ， 代 码 如 下 : 


Protected void Page_PreInit(object sender, EventArgs €) 
{ 
HttpCookie preferredTheme = Request.Cookies.Get("myTheme"): 
if (preferredTheme != null) 
Page.Theme = preferredTheme.Value: 
b 
} 


(14) 编译 并 运行 程序 ， 在 浏览 器 中 打开 Default.aspx 页 面 ， 通 过 下 拉 列 表 选 择 不 同 的 主题 ， 
效果 如 图 4-23 所 示 。 
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图 4-23 动态 切换 主题 效果 
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在 构建 Web 站 点 时 ， 应 该 努力 使 布局 和 行为 尽 可 能 保持 一 致 。 而 且 有 很 多 元 素 ， 如 站 点 标 
题 、 公 共 导 航 以 及 版 权 信息 等 ,会 出 现在 每 一 个 页 面 中 ， 这 些 元 素 的 一 致 布局 会 让 用 户 知 道 自己 
始终 是 在 同一 个 站 点 中 。 虽 然 这 些 元 素 可 以 通过 在 XHTML 中 使 用 包含 文件 构建 ,但 ASPNET 4.0 
和 VWD 2010 提供 了 更 加 健壮 的 母 版 页 技术 来 实现 。 

母 版 页 的 最 大 好 处 是 它们 可 以 在 单个 地 方 定义 站 点 中 所 有 页 面 的 全 局 外 观 。 这 意味 着 如 果 要 
修改 站 点 的 布局 比如 要 把 菜单 从 左边 移 到 右边 一 一 只 需 修改 母 版 页 , 基于 此 类 母 版 页 的 页 面 
就 会 自动 进行 相应 的 修改 。 

母 版 页 是 用 于 设置 页 面 外 观 的 模板 ， 是 一 种 特殊 的 ASP.NET 网 页 文件 ， 同 样 也 具有 其 他 
ASPNET 文件 的 功能 ， 如 添加 控件 、 设 置 样式 等 ， 只 不 过 扩展 名 是 .master。 在 母 版 页 中 ， 界 面 
被 分 为 公用 区 和 可 编辑 区 ， 公 用 区 的 设计 方法 与 一 般 页 面 的 设计 方式 相同 ， 可 编辑 区 用 
ContentPlaceHolder 控件 预 留 出 来 。 

引用 母 版 页 的 .aspx 页 面 称 为 内 容 页 ， 在 内 容 页 中 ， 母 版 页 的 ContentPlaceHolder 控件 预 留 的 
可 编辑 区 会 被 自动 替换 为 Content 控件 ， 开 发 人 员 只 需要 在 Content 控件 区 域 中 填充 内 容 即 可 ， 
在 母 版 页 中 定义 的 其 他 标记 将 自动 出 现在 引用 该 母 版 页 的 .aspx 页 面 中 ， 母 版 页 的 部 分 以 灰色 显 
示 ， 表 示 不 能 修改 这 些 内 容 。 

每 一 个 母 版 页 中 可 以 包含 一 个 或 多 个 内 容 页 。 使 用 母 版 页 可 以 统一 管理 和 定义 具有 相同 布局 
风格 的 页 面 ， 给 网 页 设计 和 修改 带 来 极 大 的 方便 。 使 用 母 版 页 有 如 下 优点 : 

@ ”使 用 母 版 页 可 以 集中 处 理 页 的 通用 功能 ， 以 便 可 以 只 在 一 个 位 置 进行 更 新 。 

@ ”使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ， 并 将 结果 应 用 于 一 组 新 的 页 面 。 

@ ”通过 允许 控制 占 位 符 控件 的 呈现 方式 ， 母 版 页 可 以 在 细节 上 控制 最 终 页 的 布局 。 

@” 母 版 页 提供 一 个 对 象 模型 ， 使 用 该 对 象 模 型 可 以 从 各 个 内 容 页 自 定义 母 版 页 。 

















已 提示 

在 使 用 母 版 页 时 , 母 版 页 中 使 用 的 图 片 和 超 链接 应 尽量 使 用 服务 器 端 控件 来 实现 , 如 Image 和 HyperLink 
控件 。 即 使 控件 不 需要 服务 器 代码 也 是 如 此 ， 这 是 因为 将 设计 好 的 母 版 页 或 内 容 页 移动 到 另 一 个 文件 天 时 
如 果 使 用 的 是 服务 器 控件 ， 即 使 不 改变 服务 器 控件 的 URL，ASP.NET 也 可 以 正确 解析 ， 并 自动 将 其 URL 改 





为 正确 的 位 置 ， 但 是 如 果 使 用 了 普通 HTML 标记 ,那么 ASPNET 将 无 法 正确 解析 这 些 标记 的 URL， 从 而 导 
致力 片 不 能 显示 和 链接 失败 ， 给 维护 带 来 极 大 麻烦 。 


(4 )4.1 ”创建 母 版 页 


当 创 建新 的 Web 站 点 时 ， 总 是 先 添加 作为 所 有 其 他 页 面 的 基础 的 母 版 页 ， 即 使 站 点 中 只 
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少数 几 个 页 面 ， 母 版 页 仍然 可 以 帮助 确保 整个 站 点 拥有 一 致 的 外 观 。 

在 某 种 程度 上 , 母 版 页 看 起 来 就 像 正 常 的 ASPX 页 面 。 创建 母 版 页 的 方法 也 和 创建 一 般 页 面 
的 方法 非常 相似 ， 区 别 是 母 版 页 无 法 单独 在 浏览 器 中 查看 ， 必 须 通 过 创建 内 容 页 才能 浏览 。 

1. 创建 母 版 页 


下 面 这 个 例子 是 一 个 很 常见 的 布局 ， 母 版 页 中 包含 一 个 标题 、 一 个 导航 菜单 和 一 个 页 脚 ， 这 
些 内 容 将 在 站 点 的 每 个 页 面 中 出 现 。 在 母 版 页 中 包含 两 个 内 容 占 位 符 , 其 中 导航 菜单 有 默认 内 容 ， 
主 区 域 为 室 ， 这 是 母 版 页 中 的 一 个 可 变 区 域 ， 可 以 使 用 内 容 页 中 的 信息 来 替换 此 区 域 。 

【 例 4-6】 创 建 一 个 母 版 页 。 

(1) 启动 VWD 2010， 新 建 网 站 【 例 4-6】. 

(2) 在 【解决 方案 资源 管理 器 〗 中 ， 右 击 网 站 的 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 
项 】 命 令 ， 在 打开 的 【添加 新 项 〗】 对 话 框 中 选择 【 母 版 页 〗】 模 板 ， 添 加 名 为 MasterPage.master 
的 母 版 页 。 

(3) 观察 母 版 页 的 源 代码 ， 在 页 面 的 顶部 是 一 个 @ Master 声明 ， 而 不 是 通常 在 ASPNET 页 
面 中 看 到 的 @ Page 指令 ， 它 也 有 CodeFile 和 Inherits 属性 ， 如 下 所 示 : 








<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> 

(4) 此 外 ， 页 面 的 主体 还 包含 一 个 ContentPlaceHolder 控件 ， 这 是 母 版 页 中 的 一 个 区 域 ， 其 
中 的 可 替换 内 容 将 在 运行 时 由 内 容 页 合并 。 为 了 方便 母 版 页 的 编辑 ， 通 常情 况 下 先 将 
ContentPlaceHolder 控件 删除 ， 母 版 页 编辑 完成 后 再 放置 ContentPlaceHolder 控件 ,下面 的 步骤 将 
采用 这 种 方法 布局 。 


如 提示 
尽管 通常 只 需要 几 个 占 位 符 就 可 以 创建 灵活 的 页 面 布局 ， 但 实际 上 想 创建 多 少 就 可 以 创建 多 少 。 






(5) 在 母 版 页 的 <form> 标 记 之 间 添 加 下 面 的 代码 ,替换 <div> 标 记 与 创建 母 版 页 时 VWD 添加 
的 ContentPlaceHolder。 


<form id="fonrml1" runat="server"> 
<div id="PageWrapper"> 
<div id="top" align="center" 
style="background-color: 考 F6600: font-family: 微软 雅 黑 ; color: 杆 FFFFF:"><h1> 欢 迎 光临 小 石 
头 网 站 </h1></div> 
<div id="menu" align="right"> 
<asp:ContentPlaceHolder id="menuContent" runat="server"> 
<a hre 全 "Defaultaspx"> 首 页 </a> <a href-"link aspx"> 友 情 链接 </a> <a href="About.aspx"> 关 
于 本 网 站 </a> 
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</asp:ContentPlaceHolder> 
</div> 
<div id="main"> 
<asp:ContentPlaceHolder ID="mainContent" runat="server"> 
</asp:ContentPlaceHolder> 
</div> 
<div id="footer" align="center" style="color:Gray"> 版 权 所 有 (CO) 小 石头 网 站 2011.07.30</div> 
</div> 
</form> 


(6) 现在 已 经 创建 了 母 版 页 ， 所 以 可 以 先 保存 并 关闭 母 版 页 。 该 母 版 页 的 设计 视图 效果 如 图 
4-24 所 示 。 


TT 
和 欢迎 光临 小 石头 网 站 

首页 友情 链接 基于 本 网 站 
版 权 所 有 (C) 椒 石头 网 站 2011. 07. 50 











口 拆 分 | 回 源 [Goay| CEerwgEoral3 CdliviPaeelr apper ?| Cdivinainy| Casp:ContentFlaceHol der#m.">| 下 





4-24” 母 版 页 设计 效果 
在 下 一 小 节 ， 将 会 看 到 如 何 将 该 母 版 页 面 作为 内 容 页 面 的 模板 使 用 。 
2. 母 版 页 详解 


前 面 已 经 创建 了 带 有 主 内 容 占 位 符 的 母 版 页 。 切 换 到 母 版 页 的 源 视 图 ， 可 发 现 页 面 的 页 头 
head 部 分 也 有 一 个 Content PlaceHolder。 


<head runat="server"> 
<title></title> 
<asp:ContentPlaceHolder id="head" runat="server"> 
</asp:ContentPlaceHolder> 

</head> 


每 当 创 建 一 个 新 的 母 版 页 时 都 会 自动 添加 此 占 位 符 , 在 内 容 页 中 可 以 用 它 来 添加 页 面 特有 的 
位 于 页 面 的 <head> 标 记 之 间 的 内 容 ， 比 如 CSS( 包 括 内 嵌 样 式 表 和 外 部 样式 表 ) 和 JavaScript。 

母 版 页 中 名 为 menuContent 的 ContentPlaceHolder 包含 3 个 超 链接 ， 这 是 可 以 作为 内 容 页 的 
默认 新 项 ， 当 基于 该 母 版 页 新 建 页 面 时 ， 内 容 页 即 可 以 重 写 这 部 分 内 容 ， 也 可 以 不 重 写 。 
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@ )4.2 ”创建 内 容 页 


母 版 页 如 果 没 有 内 容 页 来 使 用 它 ， 就 没有 用 处 。 通常 仅 有 少量 几 个 母 版 页 ， 却 可 以 有 很 多 内 
容 页 。 为 了 将 一 个 内 容 页 基于 一 个 母 版 页 ， 可 以 在 添加 新 网 页 到 站 点 时 ， 选 中 【添加 新 项 】 对 话 
框 底部 的 【选择 母 版 页 】 复 选 框 ， 也 可 以 在 直接 在 页 面 上 设置 MasterPageFile 属性 。 

内 容 页 中 只 能 含有 映射 到 母 版 页 中 的 <asp:ContentPlaceHolder> 控 件 的 <asp:Content> 控 件 。 而 
这 些 控件 又 可 以 包含 标准 标记 ， 比 如 HIML 和 服务 器 控件 声明 。 因 为 内 容 页 中 的 整个 标记 需要 
用 <asp:Content> 标 记 括 起 来 ， 所 以 不 太 容易 将 现 有 ASPX 页 面 转换 为 内 容 页 。 通 常 是 将 要 保留 的 
内 容 复 制 到 剪贴 板 上 ， 删 除 原 页 面 ， 然 后 基于 母 版 页 添加 新 页 面 。 添 加 了 该 页 面 后 ， 再 把 剪贴 板 
上 的 内 容 粘 贴 到 <asp:Conten 人 标记 内 。 

【 例 4-7】 基 于 【 例 4-6】 创 建 的 母 版 页 创建 内 容 页 。 

(1) 启动 VWD 2010， 打 开 网 站 【 例 4-6】 . 

(2) 在 [解决 方案 资源 管理 器 ] 中 ,删除 Default.aspx 页 面 .然后 添加 3 个 新 页 面 : Defualt.aspx、 
link.aspx、About.aspx。 添 加 上 述 3 个 页 面 时 ， 需 要 选中 【添加 新 项 〗 对 话 框 中 的 【选择 母 版 页 】 
复 选 框 ， 并 在 弹出 的 【选择 母 版 页 〗 对 话 框 中 选择 之 前 创建 的 母 版 页 MasterPage.master。 

(3) 基于 母 版 页 新 建 的 网 页 初始 代码 如 下 所 示 : 


<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" 
CodeFile="Default.aspx.cs" Inherits="_Default" 9%> 

<asp:Content ID="Contentl" ContentPlaceHolderID="head" Runat="Server"> 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="menuContent" Runat="Server"> 

</asp:Content> 

<asp:Content ID="Content3" ContentPlaceHolderID="mainContent" Runat="Server"> 

</asp:Content> 


(4) 指向 ContentPlaceHolder 的 Content 控件 的 ContentPlaceHolderID 属性 是 在 母 版 页 中 定义 
的 。ContentPlaceHolderID 为 head 的 占 位 符 就 是 用 来 添加 页 面 特有 的 位 于 <head> 标 记 之 间 的 内 容 
的 ， 本 例 中 对 此 占 位 符 不 做 任何 修改 ， 只 设置 菜单 内 容 和 主 内 容 区 域 。 
(5) 切换 到 Default.aspx 页 面 的 设计 视图 ， 单 击 menuContent 控件 右 侧 的 小 三 角 按 钮 ， 打 开 
【Content 任务 】 面 板 ， 选 择 【 默 认为 母 版 页 的 内 容 】 选 项 ， 此 时 将 弹出 【确认 〗 对 话 框 ， 提 示 
用 户 如 果 使 用 母 版 页 的 内 容 将 从 网 页 中 删除 此 区 域 中 的 所 有 内 容 ， 单 击 【 是 】〗 按 钮 ， 如 图 4-25 
所 示 。 


2 pe ， 则 梅 从 阿 页 中 般 除 此 区 域 中 的 所 有 


口 下 次 不 两 提示 四) 


LED Cv 
图 425 【确认 】 对 话 框 
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一 知识 点 
将 默认 值 设置 为 母 版 页 的 内 容 之 后 ， 还 可 以 通过 【Content 任务 】〗 面 板 中 的 【创建 自 定义 内 容 〗 选 项 
来 再 次 创建 自己 的 内 容 。 








(6) 分 别 在 3 个 页 面 的 mainContent 区 域 添加 不 同 的 内 容 以 区 分 不 同 的 页 面 。 
(7) 编译 并 运行 程序 ， 当 在 浏览 器 中 请 求 基于 母 版 页 的 页 面 时 ， 服 务 器 会 阅读 内 容 页 与 母 版 
页 ， 将 两 者 合并 ， 然 后 将 最 终结 果 发 送 给 浏览 器 ， 效 果 如 图 4-26 所 示 。 


host: 1685/ pr 















GO Br /oat tses pavesy) sr xX vv jpr 
文件 下) ”六 辑 世 ) 查看 WW) 收 蕊 夹 Q) 工具 GD) 和 助 0D) 
全 - 加 - 蜗 - 申 7 枯 吕 - 登 IRO- 





帘 突 (Bhttp://localhost:l685/%... | 








| 
| 
这 是 首页 ， 本 站 站 长 葛 萌 萌 欢迎 您 | 
太阳 与 月 这 | 
太阳 和 月 训 是 一 对 相爱 的 恋人 他 们 因为 相爱 而 互相 追逐 因为 这 未 而 一 次 又- 次 | 


地 错过 .太阳 落下 的 时 候 .月 亮 升 上 来 了 .月 党 落 下 的 时 候 ,太阳 又 升 起 来 了 ,它们 永 
远 追 逐 着 对 方 的 背影 | 
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图 4-26 页 面 运 行 效果 








母 版 页 也 可 以 嵌 套 。 谋 套 母 版 页 是 基于 另 一 个 母 版 页 的 母 版 页 。 内 容 页 面 则 可 以 基于 嵌 套 母 版 页 。 如果 
有 一 个 目标 为 不 同 区 域 仍然 需要 共享 相同 外 观 的 Web 站 点 ， 采 用 谋 套 母 版 页 就 比较 有 用 .。 





@@; 上 机 练习 


本 章 的 上 机 实验 主要 练习 在 内 容 页 中 访问 母 版 页 的 成 员 。 从 而 实现 母 版 页 与 内 容 页 的 信息 交 
换 。 在 内 容 页 中 可 以 通过 编程 方式 访问 母 版 页 中 的 成 员 , 包括 母 版 页 上 的 任何 公共 属性 或 方法 以 
及 任何 控件 。 要 实现 内 容 页 对 母 版 页 中 定义 的 属性 或 方法 进行 访问 ， 则 该 属性 或 方法 必须 声明 为 
公共 成 员 (public)。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新建 网 站 】 命 令 ， 新 建 网 站 【上 机 练习 4】.。 

(2) 添加 母 版 页 myMastermaster， 在 【解决 方案 资源 管理 器 〗 中 右 击 myMastermaster， 从 弹 
出 的 快捷 菜单 中 选择 【查看 代码 】 命 令 ， 打 开 其 后 台 代码 文件 myMaster master.cs。 

(3) 在 类 定义 中 创建 名 为 sttName 的 属性 ， 并 在 视图 状态 中 存储 该 属性 的 值 。 添 加 的 代码 
如 下 : 
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public string sttName 
EL 
get{retum (string)ViewState["myName"]:} 
set { ViewState["myName"] = value: } 
} 
(4) 添加 页 面 的 Init 事件 处 理 程序 代码 ， 如 下 : 


void Page Init(Object sender, EventArgs €) 
this.stName=" 葛 萌 萌 "… 
} 


(5) 基于 该 母 版 页 创建 内 容 页 myPage.aspx， 并 切换 到 该 页 面 的 源 视图 。 在 页 面 顶部 的 @ 
Page 指令 下 面 添 加 @ MasterType 指令 : 
<%@ MasterType virtualpath="~/myMaster.master" %> 章 


该 指令 的 作用 是 将 内 容 页 的 Master 属性 绑 定 到 myMaster.master 页 。 
(6) 切换 到 该 页 的 设计 视图 ， 在 Content 控件 中 添加 一 个 Label 控件 。 
(7) 在 myPage.aspx 页 面 的 Load 事件 处 理 程序 中 添加 如 下 代码 : 


Pprotected void Page_ Load(object sender. EventArgs e) 
a 
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Labell.Text= "这 是 获取 到 母 版 页 中 的 变量 值 : "+ Master.sttName: 
} 


(8) 测试 内 容 页 ， 切 换 myPage.aspx 页 ， 然 后 按 【CtrlHF5】〗 组 合 键 运行 页 面 。 在 默认 浏览 
器 中 打开 该 页 面 ， 显 示 效 果 如 图 4-27 所 示 。 
http://1ocalhost:3201/ 上 机 练习 4/ayPag... 属 | 固 ] 攻 ] 
GO. Brrrrre x [E 
文件 中 编辑 世 查看 收 大 天) 工具 (I) 帮助 
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宽 实 | 臣 Mtp://ocdhost:32. .| 丛 " 罩 


这 是 获取 到 母 版 页 中 的 变量 值 ， 葛 前 荫 








本 地 Intranet 
图 4-27 获取 母 版 页 中 的 变量 


@@s 习题 


1. VWD 提供 了 哪些 使 用 CSS 的 便利 工具 ? 
2. 在 下 面 两 个 规则 中 ， 哪 个 规则 比较 容易 在 Web 站 点 中 跨 页 面 重用 ? 请 解释 原因 。 
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#MainContent 
€ 

border: 1px solid blue: 
} 
.BoxWithBorders 
{ 

border: 1px solid blue: 
} 


3. 解释 设置 页 面 的 Theme 属性 与 StyleSheetTheme 属性 之 间 的 区 别 。 

4. 当 控 件 的 属性 和 主题 中 控件 的 外 观 定义 发 生 冲突 时 ， 哪 个 有 较 高 优先 级 ? 
5. 如 何 将 内 容 页 中 的 Content 控件 与 母 版 页 中 的 ContentPlaceHolder 关联 起 来 ? 
6. 如 何 禁 用 主题 ? 

7. 创建 一 个 CSS 规则 ， 将 站 点 中 所 有 的 一 级 标题 a1) 的 外 观 设置 为 : 

字体 使 用 Arial， 并 且 加 粗 ; 

颜色 为 红色 ; 

字体 大 小 为 18 像素 ; 

上 边框 和 左边 框 为 蓝 色 细 边 。 
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显示 和 操作 数据 库 


ASPNET 应 用 程序 的 数据 访问 是 通过 ADO.NET 进行 的 ，ADONET 可 以 使 Web 应 用 程序 
从 各 种 数据 源 中 快速 访问 数据 。 本 章 首 先 介绍 数据 库 的 基本 知识 和 SQL 语言 ,接着 介绍 ADONET 
访问 数据 库 的 方法 ， 最 后 介绍 了 ASPNET 提供 的 数据 绑 定 技术 和 数据 控件 的 使 用 ， 通 过 本 章 的 
学 习 读 者 应 该 掌握 如 何 访问 和 操作 数据 源 ， 以 及 数据 信息 的 显示 与 更 新 。 


(、 本 章 重点 


掌握 使 用 SQL 来 操作 数据 

了 解 ADONET 的 基本 知识 

掌握 ADONET 访问 数据 库 的 方法 
掌握 单 值 和 列表 控件 的 数据 绑 定 
理解 数据 源 控 件 的 工作 原理 

掌握 GridView 控件 的 使 用 方法 和 技巧 
学 会 设计 主 -从 页 面 显 示 数 据 库 信 息 


© 数据 库 基础 


数据 库 是 非常 有 用 的 ,因为 它 允许 通过 结构 化 的 方式 来 存储 和 检索 数据 。 数据 库 最 大 的 好 处 
是 能 够 在 运行 时 被 访问 , 这 就 意味 着 在 VWD 中 , 将 不 再 局 限于 在 设计 时 所 创建 的 相对 静态 文件 。 


(6)1.1 数据 库 概述 


数据 库 就 是 数据 的 集合 ,例如 ,日常 生活 中 ,我 们 用 笔记 本 记录 亲戚 和 朋友 的 联系 方式 ,将 
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其 姓名 、 地 址 、 电 话 等 信息 都 记录 下 来 。 这 个 “通讯 录 ” 就 是 一 个 最 简单 的 “数据 库 ”， 每 个 人 
的 姓名 、 地 址 、 电 话 等 信息 就 是 这 个 数据 库 中 的 “数据 ”。 

最 为 流行 的 一 种 数据 库 是 关系 数据 库 (Relational Database)。 这 种 数据 库 常用 于 Web 站 点 中 ， 也 
将 用 于 本 书后 续 部 分 。 不 过 ， 关 系数 据 库 并 不 是 唯一 的 数据 库 类 型 ， 还 有 其 他 类 型 的 数据 库 ， 包 括 
平面 文件 数据 库 、 对 象 关系 数据 库 和 面向 对 象 数据 库 ， 但 这 些 数据 库 在 了 temet 应 用 程序 中 不 常见 。 

关系 数据 库 中 有 表 (table) 的 概念 ， 其 中 数据 以 行 和 列 的 形式 存储 ， 如 同 电子 表格 一 样 。 表 中 
的 每 行 包 含 存储 于 其 中 的 记录 项 的 完整 信息 ， 而 每 列 包 含 表 中 记录 项 的 特定 属性 的 信息 。 

“关系 ” 指 的 是 数据 库 中 不 同 表 相互 关联 的 方式 。 它 不 是 将 相同 的 数据 一 遍 遍 地 复制 ， 而 是 
在 其 自己 的 表 中 存储 重复 的 数据 ， 然 后 从 其 他 表 中 创建 与 该 数据 的 关系 。 

在 ASPNET 项 目 中 可 以 使 用 多 种 不 同类 型 的 数据 库 ， 包 括 Microsoft Access、SQL Server、 
Oracle 和 MySQL.。 不 过 ,在 ASPNET 4.0 Web 站 点 中 最 常用 的 数据 库 是 Microsoft 的 SQL Server。 
本 书 主要 使 用 Microsoft SQL Server 2008 Express Edition， 因 为 它 是 随 VWD 免费 提供 的 ， 有 着 许 
多 创新 性 的 功能 。 而 且 ， 由 于 其 数据 库 引 擎 与 SQL Server 2008 商业 版 的 相同 ， 因 而 可 以 在 开发 
周期 的 后 续 阶 段 轻松 地 升级 到 那些 版 本 。 

本 书 所 用 的 关系 数据 库 是 Microsoft SQL Server 2008 R2, 使 用 的 数据 库 是 下 面 新 建 的 信息 管 
理 数 据 库 InfoManage， 该 数据 库 中 包含 4 个 用 户 表 : Student( 学 生 表 )、Class( 班 级 表 )、Score( 成 
绩 表 )、Course( 课 程 表 )。 各 表 的 字段 信息 如 表 5-1~ 表 5-4 所 示 ， 表 之 间 的 关系 如 图 5-1 所 示 。 














基 
号 表 5-1 Student( 学 生 表 ) 字 段 信息 
字 段 名 备 注 
教 Sno 主键 
四 Sname 非 空 
列 Sgender 非 空 
Stelephone 可 空 
Saddress 可 空 
Cno 外 键 
字 段 名 备注 
Cno 主键 
Cname 非 空 
字 段 名 备注 
Sno 外 键 
degree 非 空 
courseD 外 键 
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表 5-4 Course( 课 程 表 ) 字 段 信 息 








图 5-1 表 之 间 的 关系 


1.2_ 结构 化 查询 语言 SQL 


为 了 成 功 地 在 ASPX 页 面 中 运用 数据 库 ， 下 面 将 来 学 习 如 何 使 用 SQL(Stmctured Query 
Language， 结 构 化 查询 语言 ) 查 询 语言 来 访问 数据 库 ， 该 语言 允许 检索 和 操纵 存储 在 数据 库 中 的 
数据 。 

1. SQL 概述 


SQL 语言 是 一 种 介 于 关系 代数 和 关系 演算 之 间 的 结构 化 查询 语言 ， 其 功能 并 不 仅仅 是 查询 ， 
还 具备 数据 定义 和 数据 操纵 等 功能 。ANSI( 美 国 国家 标准 协会 ) 规 定 SQL 为 关系 型 数据 库 管 理 系 
统 的 标准 语言 。 目 前 , 绝 大 多 数 流行 的 关系 型 数据 库 管理 系统 , 如 Oracle、 Sybase、Microsoft SQL 
Server、Access 等 ， 都 采用 了 SQL 语言 标准 。 

JMicrosoft SQL Server 2008 数据 库 支持 ANSI 92 SQL 标准 中 定义 的 大 部 分 语法 。 在 这 一 标准 
之 上 ，Microsoft 又 添加 了 一 些 专用 扩充 ， 合 起 来 称 为 T-SQL(Transact SQL)。 本 书后 续 部 分 将 使 
用 SQL 这 一 术语 。 

总 的 来 说 ，SQL 语言 具有 以 下 特点 : 

@ ”类 似 于 英语 自然 语言 
是 一 种 非 过 程 语言 。 

是 一 种 面向 集合 的 语言 。 
既 可 独立 使 用 ， 又 可 嵌入 到 宿主 语言 中 使 用 。 
具有 查询 、 操 纵 、 定 义 和 控制 一 体 化 功能 。 





@@ooo@o 


Ke 











将 米 侈 阿 


衬 测 十 洽 兰 





-155- 


E 一 
ASP.NET 4.0 动态 网 站 开发 实用 教程 
Eeeasgemseesssessmmesmaesaseesesaezxeeesaeaememesspesesass=====essseqggIRRRRREEEEEEEEEEEEEEEEEEE 


[a 


基 
础 
与 
实 


尘 





实 台 车 痊 





-156- 


SQL 语言 包含 以 下 4 个 部 分 : 

@ 数据 定义 语言 DDL，Data Definition Language): CREATE、ALTER、DROP。 

@ “数据 查询 语言 DQL，Data Query Language): SELECT。 

@ ”数据 操纵 语言 (ML,， Data Manipulation Language): INSERT、UPDATE、DELETE。 

@ ”数据 控制 语言 DCL，Data Control Language): COMMIT、ROLLBACK。 

对 于 数据 库 编 程 人 员 来 说 ， 与 数据 库 交 互 时 ， 使 用 最 多 的 就 是 查询 和 操纵 数据 操作 ， 所 以 本 
书 重 点 介绍 SELECT、INSERT、UPDATE、DELETE 这 4 个 语句 。 


© | ~, 
' SQL 语言 不 区 分 大 小 写 ，SELECT 与 Select 的 含义 是 相同 的 。 为 了 统一 起 见 ， 本 书 中 所 书写 的 SQL 命 i 
1 全 全 部 代用 大 写 形 式 ' 


2. SELECT 语句 


要 从 数据 库 中 读 取 数 据 ， 首 先 需要 表明 要 从 查询 的 表 中 检索 哪些 列 ， 这 是 通过 SELECT 语 
句 完成 的 ， 接 着 需要 使 用 FROM 关键 字 表明 想 从 什么 表 中 获得 数据 ;然后 需要 筛选 数据 ， 确 保 
只 返回 符合 条 件 的 记录 ,可 以 使 用 SQL 语句 中 的 WHERE 子 句 筛选 数据 ;最 后 , 可 以 使 用 ORDER 
BY 子 句 对 结果 进行 排序 。 

完整 的 SELECT 语句 格式 如 下 所 示 ， 其 中 方 括号 中 的 子 句 都 是 可 选 的 : 

SELECT 目标 表 的 列 名 或 列表 达 式 集合 

FROM 基本 表 或 (和 ) 视 图 集合 

[WHERE 条 件 表 达 式 ] 

[GROUP BY 列 名 集合 

[HAVING 组 条 件 表达 式 ] ] 

[ORDER BY 列 名 [集合 ] …] 


首先 从 FROM 子 句 列 出 的 表 中 ， 选 择 满足 WHERE 子 句 给 出 的 条 件 表 达 式 的 记录 ， 然 后 按 
GROUP BY 子 名 (分 组 子 句 ) 中 指定 列 的 值 分 组 ， 再 检索 出 满足 HAVING 子 句 中 组 条 件 表达 式 的 
组 ， 按 SELECT 子 句 给 出 的 列 名 或 列表 达 式 输出 。ORDER 子 句 (排序 子 句 ) 用 来 对 输出 的 目标 表 
进行 排序 。 

@ 简单 的 SELECT 语句 

简单 的 SELECT 语句 格式 如 下 : 


SELECT 目标 表 的 列 名 或 列表 达 式 集合 
FROM 基本 表 或 (和 ) 视 图 集合 


例如 : 


SELECT Sno. Sname. Sgender 
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FROM Student 

这 个 SELECT 语句 将 返回 学 生 表 中 的 选 定 字段 (Sno,Sname,Sgender) 的 数据 。 如 果 需 要 返回 学 
生 表 中 的 所 有 字段 ， 可 以 使 用 星 号 (*) 来 代替 所 有 列 名 ， 如 下 语句 : 

SELECT* 

FROM Student 

在 SELECT 语句 中 可 以 使 用 一 些 常用 的 数据 处 理 函数 , 如 AVG( 求 平均 值 )、MIN( 求 最 小 值 )、 
MAX( 求 最 大 值 )、SUM( 求 和 )、COUNT( 求 记录 总 数 ) 等 。 

例如 ， 如 果 要 知道 学 生 表 Student 中 的 记录 总 数 ， 可 以 使 用 下 面 的 SELECT 语句 : 


SELECT COUNT(*) 
FROM Student 


-~ 知识 点 
在 创建 表 时 ， 为 方便 计算 和 查询 ， 一 般 将 字段 名 称 定义 为 英文 名 。 当 需要 将 表 显 示 出 来 时 ， 可 以 使 用 
AS 关键 字 来 对 字段 重新 命名 ， 例 如 以 下 将 输出 的 Sname 字段 重新 命名 为 “姓名 ”， 将 字段 名 称 Sgender 





重新 命名 为 “性 别 ”: “SELECT Sname AS 姓名 ，Sgender AS 性 别 FROM Student”. 


在 SELECT 语句 中 数字 类 型 的 字段 之 间 还 支持 加 、 减 、 乘 和 除 (+-*/) 基 本 算术 操作 。 而 且 字 
符 型 字段 之 间 也 支持 加 操作 ， 其 结果 是 将 两 个 字符 串 合并 在 一 起 。 下 面 的 语句 演示 了 如 何 把 学 生 
表 中 的 学 生 姓 名 Sname 和 性 别 Sgender 连接 起 来 : 

SELECT Sname + Sgender AS 学 生 信息 

FROM Student 


@ 使 用 WHERE 子 句 筛选 数据 
在 同样 的 检索 情况 下 ， 使 用 WHERE 子 句 可 以 指定 查询 条 件 ， 缩 小 数据 检索 范围 ， 例 如 要 
在 学 生 表 Student 中 检索 出 姓名 Sname=“ 萝 荫 萌 ” 的 记录 ， 可 以 使 用 如 下 SQL 语句 : 





SELECT* 
FROM Student 
WHERE Sname=' 葛 萌 萌 ' 


已 提示 
“ 葛 萌 萌 ” 被 两 个 单 引 号 括 了 起 来 ， 这 个 单 引号 是 为 了 表示 该 值 是 文本 (字符 串 ) 类 型 。 






当 WHERE 子 句 的 约束 条 件 有 多 个 时 ， 这 些 约束 条 件 可 以 通过 AND( 而 且 )、OR( 或 者 ) 和 
NOT( 非 ) 逻 辑 操作 符 连 接 起 来 以 实现 多 个 约束 。 另 外 ， 这 些 约束 条 件 支持 小 括号 运算 ， 在 小 括号 
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SELECT* 
FROM Student 


WHERE (Cno =101 OR Sgender=' 女 ) 

AND Sno BETWEEN 10 AND 50 
执行 以 上 查询 语句 将 返回 所 有 班级 号 为 101 或 性 别 为 “< 女 ” 且 学 号 在 10~50 之 间 的 学 生 信息 。 
在 这 条 SQL 语句 中 有 一 个 BETWEEN…AND 操作 符 ， 它 表示 在 某 个 范围 之 间 。 除 此 之 外 ， 





操作 符 


在 WHERE 子 句 还 支持 很 多 比较 运算 符 和 逻辑 运算 符 ， 如 表 5-5 所 示 。 


表 5-5 WHERE 语句 中 支持 的 操作 符 
说 了 明 


= 只 有 在 比较 的 左 侧 与 右 侧 值 相等 时 ， 等 于 运算 符 才 匹配 


3 


六 


当 比 较 的 左 侧 值 大 于 右 侧 值 时 ， 大 于 运算 符 匹配 
当 比 较 的 左 侧 值 小 于 右 侧 值 时 ， 小 于 运算 符 匹配 








>= 当 比 较 的 左 侧 值 大 于 等 于 右 侧 值 时 ， 大 于 等 于 运算 符 匹配 


A 
< 一 
IS_ (NODNUILL 
N 
BETWEEN…AND 


LIKE 





当 比 较 的 左 侧 值 小 于 等 于 右 侧 值 时 ， 小 于 等 于 运算 符 匹配 

不 等 于 运算 符 与 等 于 运算 符 相反 ， 当 比较 的 左 侧 值 与 右 侧 值 不 同时 才 匹 配 

用 于 确定 某 个 值 是 否 为 空 (不 为 空 ) 

位 于 指定 列表 值 中 ， 或 者 指定 的 子 查询 的 结果 中 

位 于 两 个 值 之 间 

用 于 确定 一 个 值 是 否 匹配 某 个 特定 模式 。 可 以 使 用 通配符 来 匹配 值 的 特定 部 分 ， 





如 用 % 来 匹配 具有 0 个 或 多 个 字符 的 字符 串 ， 用 下 划 线 (_) 来 匹配 任意 单个 字符 


® ORDER BY 子 句 

在 用 WHERE 子 句 定义 了 筛 选 要 求 后 ， 如 果 想 改变 从 数据 库 返 回 的 数据 的 顺序 。 这 时 可 以 
使 用 ORDER BY 子 句 。ORDER BY 子 句 出 现在 SQL 语句 的 末尾 ， 可 包含 一 个 或 多 个 列 名 或 表 
达 式 ， 也 可 包括 ASC 或 DESC 来 决定 记录 是 以 升序 (ASC， 默 认 关 键 字 ) 或 以 降序 (使 用 DESC) 排 
列 ， 如 果 没 有 指定 排序 常数 ， 默 认 将 以 升序 方式 排列 语法 格式 如 下 : 


ORDER BY 字段 或 者 是 字段 集合 排序 常数 
例如 ， 将 学 生 表 中 所 有 性 别 为 “ 女 ”的 数据 记录 ， 按 姓名 进行 降序 排列 。 


SELECT* 
FROM Student 


WHERE Sgender 一 ' 女 ' 
ORDERBY Sname DESC 


- 知识 点 
在 ORDER BY 语句 中 ， 即 使 某 个 特定 的 列 不 是 最 终结 果 集 的 一 部 分 ， 仍 可 以 以 它 进行 排序 。 






@ ”连接 查询 

连接 查询 也 叫 多 表 查 询 , 在 实际 应 用 过 程 中 经 常 需要 同时 从 两 个 表 或 者 两 个 以 上 的 表 中 检索 
数据 。 连接 查询 允许 通过 指定 表 中 某 个 或 者 某 些 列 作为 连接 条 件 ， 同 时 从 两 个 表 或 者 多 个 表 中 检 

连接 查询 可 以 使 用 两 种 连接 语法 形式 ， 一 种 是 把 连接 条 件 写 在 FROM 子 句 中 ， 另 外 一 种 是 
把 连接 条 件 写 在 WHERE 子 句 中 。 

连接 条 件 写 在 WHERE 子 句 中 的 语法 形式 非常 简单 ， 在 数据 库 程 序 中 经 常用 到 ， 语 法 格式 
如 下 : 

SELECT 表 名 .字段 名 , 表 名 .字段 名 … 

FROM 表 名 , 表 名 … 

WHERE 连接 条 件 AND 搜索 条 件 


连接 条 件 一 般 是 表 与 表 之 间 联 系 字段 的 表达 式 ， 例 如 下 面 的 例子 : 


SELECT Student.Sname, Score.degree 
FROM Student, Score 
WHERE Student.Sno= Score.Sno AND degree> 60 


知识 点 
数据 表 也 可 以 使 用 别名 ， 数 据 表 的 别名 能 够 大 大 减少 手工 输入 量 ， 使 得 代码 简洁 明了 。 






连接 条 件 写 在 FROM 子 句 中 的 形式 中 需要 用 到 JOIN 关键 字 。SQL-92 标准 所 定义 的 FROM 
子 句 的 连接 语法 格式 如 下 : 


FROM join_table join_type join_table 
[ON (join_condition)] 


其 中 ，join_table 指出 参与 连接 操作 的 表 名 ， 连 接 可 以 对 同一 个 表 操作 ， 也 可 以 对 多 个 表 操 
作 ， 对 同一 个 表 操 作 的 连接 又 称 做 自 连 接 ; join_type 指出 连接 类 型 ， 可 分 为 内 连接 、 外 连接 和 交 
叉 连接 3 种 。 

(1) 内 连接 (INNER JOIN) 使 用 比较 运算 符 进行 表 间 某 ( 些 ) 列 数据 的 比较 操作 ， 并 列 出 这 些 表 
中 与 连接 条 件 相 匹 配 的 数据 行 。 根 据 所 使 用 的 比较 方式 不 同 ， 内 连接 又 分 为 等 值 连接 、 自 然 连接 
和 不 等 连接 3 种 。 

(2) 外 连接 分 为 左 外 连接 (LEFT OUTER JOIN 或 LEFT JOIN)、 右 外 连接 (RIGHT OUTER 
JOIN 或 RIGHT JOIN) 和 全 外 连接 (FULL OUTER JOIN 或 FULL JOIN)3 种 。 与 内 连接 不 同 的 是 ， 
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外 连接 不 只 列 出 与 连接 条 件 相 匹配 的 行 ， 而 是 列 出 左 表 ( 左 外 连接 时 )、 右 表 ( 右 外 连接 时 ) 或 两 个 
表 ( 全 外 连接 时 ) 中 所 有 符合 搜索 条 件 的 数据 行 。 

(3) 交叉 连接 (CROSS JOIN 没有 WHERE 子 句 ， 它 返回 连接 表 中 所 有 数据 行 的 笛 卡 尔 积 ， 
其 结果 集合 中 的 数据 行 数 等 于 第 一 个 表 中 符合 查询 条 件 的 数据 行 数 乘 以 第 二 个 表 中 符合 查询 条 
件 的 数据 行 数 。 

连接 操作 中 的 ON (ioin_condition) 子 句 指出 连接 条 件 ， 它 由 被 连接 表 中 的 列 和 比较 运算 符 、 
风 辑 运算 符 等 构成 。 


日 提示 
无 论 哪 种 连接 都 不 能 对 text、 ntext 和 image 数据 类 型 进行 直接 连接 ,但 可 以 对 这 3 种 列 进行 间接 连接 。 






例如 ; 


SELECT Class.Cname, Student.Sname, Student.Saddress, Student.Stelephone, Student.Sgender 
FROM Class INNER JOIN Student 
ON Class.Cno = Student.Cno 


@ ”联合 查询 

UNION 运算 符 可 以 将 两 个 或 两 个 以 上 的 SELECT 语句 的 查询 结果 集合 合并 成 一 个 结果 集合 
显示 ， 即 执行 联合 查询 。UNION 的 语法 格式 如 下 : 

select_statement 


UNION [ALL] selectstatement 
[UNION [ALL] selectstatement][...n] 


其 中 ，selectstatement 为 待 联合 的 SELECT 查询 语句 ，ALL 选项 表示 将 所 有 行 合 并 到 结果 集 
合 中 。 不 指定 该 项 时 ， 被 联合 查询 结果 集合 中 的 重复 行将 只 保留 一 行 。 
联合 查询 时 ， 查 询 结果 的 列 标题 为 第 一 个 查询 语句 的 列 标题 。 因 此 ， 要 定义 列 标题 必须 在 第 
-个 查询 语句 中 定义 。 要 对 联合 查询 结果 排序 时 ， 也 必须 使 用 第 一 查询 语句 中 的 列 名 、 列 标题 或 
者 列 序号 。 
-~ 知识 点 
在 使 用 UNION 运算 符 时 ， 应 保证 每 个 联合 查询 语句 的 选择 列表 中 有 相同 数量 的 表达 式 ， 并 且 每 个 查 
询 选择 表达 式 应 具有 相同 的 数据 类 型 ， 或 是 可 以 自动 将 它们 转换 为 相同 的 数据 类 型 。 在 自动 转换 时 ， 对 于 





数值 类 型 ， 系 统 将 低 精 度 的 数据 类 型 转换 为 高 精度 的 数据 类 型 。 


3. INSERT 语句 


要 将 新 记录 插入 到 表 中 ， 可 以 使 用 INSERT 语句 。 它 有 一 些 不 同 的 形式 , 但 最 简单 的 形式 如 
下 所 示 : 
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INSERT INTO 表 名 
VALUES (第 一 个 字段 值 … 最 后 一 个 字段 值 ) 


其 中 ，VALUES 后 面 的 字段 值 必须 与 数据 表 中 相应 字段 所 规定 的 值得 数据 类 型 相符 ， 和 


WHERE 子 句 一 样 ， 需 要 将 字符 串 和 日 期 值 括 在 单 引号 中 ， 但 可 以 在 SQL 语句 中 直接 输入 数字 
和 布尔 值 。 如 果 不 想 对 某 些 字段 赋值 ， 可 以 用 空 值 NULL 替代 ， 和 否则 将 会 产生 错误 。 下 面 的 语 
句 将 在 学 生 表 中 插入 一 条 新 的 记录 : 


国 


INSERT INTO Student 
VALUES(1. 葛 萌 萌 , ' 女 ,NULL, 河北 省 沧州 市 `13) 


如 果 需 要 插入 的 是 表 的 某 些 字段 的 值 ， 可 以 在 SQL 语句 中 使 用 另 一 种 INSERT 语句 进行 操 
其 语法 格式 如 下 : 


INSERT INTO 表 名 (字段 1 … 字 段 N…) 
VALUES (第 一 个 字段 值 …, 第 NN 个 字段 值 …) 


当 用 这 种 形式 向 数据 表 中 添加 新 记录 时 ， 在 关键 字 INSERT INTO 后 面 输入 所 要 添加 的 数据 


表 名 称 ， 然 后 在 括号 中 列 出 将 要 添加 新 值 的 字段 名 称 ， 最 后 ， 在 关键 字 VALUES 的 后 面 按照 前 
面 输入 的 列 的 顺序 对 应 地 输入 所 有 要 添加 的 记录 值 。 需 要 注意 的 是 ， 对 于 表 中 的 非 空 列 ， 如 果 没 


有 定 


义 默 认 值 ， 必 须 显 示 地 给 出 该 列 的 值 。 
4. UPDATE 语句 


UPDATE 语句 用 来 修改 数据 表 中 已 经 存在 的 数据 记录 。 它 的 基本 语法 格式 如 下 : 


UPDATE 表 名 
SET 字段 1= 值 1…, 字段 N= 值 N. 
[WHERE 条 件 表达 式 ] 


其 含义 是 更 新 数据 表 中 符合 WHERE 条 件 的 字段 或 字段 集合 的 值 ，WHERE 条 件 是 可 选 的 。 


例如 ， 下 面 的 语句 是 将 学 生 “ 葛 萌 萌 ”的 班级 号 Cno 改 为 105: 


UPDATE Student 
SET Cno= 105 
WHERE Sname=' 葛 萌 萌 ' 


上 面 的 UPDATE 语句 是 确定 值 赋 值 ， 即 为 字段 赋予 指定 的 值 。 还 可 以 基于 已 有 的 值 来 设置 


新 的 字段 值 ， 例 如 ， 将 成 绩 表 Score 中 课程 号 为 201 的 记录 的 成 绩 加 5 分 ， 可 以 使 用 如 下 SQL 
语句 : 


UPDATE Score 
SET degree = degreet5 
WHERE courselD=201 
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5. DELETE 语句 


DELETE 语句 用 来 删除 数据 表 中 的 记录 ， 基 本 语法 格式 如 下 : 


DELETE FROM 表 名 
[WHERE 条 件 表 达 式 ] 


与 UPDATE 语句 类 似 ，DELETE 语句 中 的 WHERE 选项 也 是 可 选 的 ， 如 果 不 限定 WHERE 
条 件 ，DELETE 语句 将 删除 数据 表 中 的 所 有 记录 ， 例 如 : 


DELETE FROM Student 


这 条 语句 将 删除 学 生 表 Student 中 的 所 有 记录 。 如 果 并 不 想 清空 数据 表 中 所 有 记录 ， 就 必须 
注意 WHERE 子 句 的 使 用 。 


@ 2 ADONET 概述 





ADO.NET 是 NET Framework 提供 的 数据 访问 的 类 库 。ADONET 对 Microsoft SQL Server、 
Oracle 和 XML 等 数据 源 提供 一 致 的 访问 。 应 用 程序 可 以 使 用 ADO.NET 连接 到 这 些 数据 源 ， 并 
检索 和 更 新 所 包含 的 数据 。 


(6 pm ADO.NET 基础 


ADO.NET 用 于 数据 访问 的 类 库 包 含 NET Framework 数据 提供 程序 和 DataSet 两 个 组 件 。 相 
应 地 可 以 把 ADONET 的 基本 类 分 为 数据 提供 者 对 象 和 数据 集 对 象 。 提供 者 对 象 可 用 于 每 一 种 类 
型 的 数据 源 ， 专 用 于 提供 者 的 对 象 完成 数据 源 中 实际 的 读 取 和 写 入 工作 ; 而 数据 集 对 象 则 是 将 数 
据 读 入 到 内 存 中 ， 用 来 访问 和 操纵 数据 。 如 图 5-2 所 示 为 这 些 对 象 之 间 的 关系 。 





5-2 ADO.NET 类 之 间 的 关系 


提供 者 对 象 需要 一 个 活动 的 连接 ， 可 以 使 用 它们 先 从 数据 库 中 读 取 数据 ， 然 后 根据 需要 , 通 
过 数据 集 对 象 使 用 内 存 中 的 数据 ， 也 可 以 使 用 提供 者 对 象 更 新 数据 源 中 的 数据 。 数 据 集 对 象 以 非 
连接 方式 使 用 ， 甚 至 在 数据 库 连接 关闭 之 后 ， 也 可 以 使 用 内 存 中 的 数据 。 
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1. Data Provider( 数 据 提 供 程序 ) 


Data Provider 提供 了 DataSet 和 数据 中 心 (如 MS SQL ServeD 之 间 的 联系 , 同时 也 包含 了 存 取 
数据 中 心 (数据 库 ) 的 一 系列 接口 。 通 过 数据 提供 者 所 提供 的 应 用 程序 编程 接口 (APD， 可 以 轻松 地 
访问 各 种 数据 源 的 数据 ， 包 括 OLE DB 和 ODBC 所 支持 的 数据 库 。 

Data Provider 主要 有 以 下 3 部 分 : 

(1) 连接 对 象 Connection、 命令 对 象 Command、 参 数 对 象 Parameter 提供 了 数据 源 和 DataSet 
之 间 的 接口 。 

(2) 数据 流 提 供 了 高 性 能 的 、 前 向 的 数据 存 取 机 制 。 通过 DataReader 可 以 轻松 而 高 效 地 访问 
数据 流 ， 而 DataAdapter 可 以 用 数据 源 填 充 DataSet 并 解析 更 新 。 

(3) 更 底层 的 对 象 允许 连接 到 数据 库 ， 然 后 执行 数据 库 系统 级 的 特定 命令 。 

Data Provider 利用 本 地 的 OLEDB 通过 COM Interop 来 实现 数据 存 取 。OLEDB 支持 自动 的 
和 手动 的 事务 处 理 。 

2. DataSet 


DataSet 即 数据 集 ， 是 ADONET 的 断 开 式 结构 的 核心 ， 是 指 内 存 中 的 数据 库 数 据 的 副本 ， 
用 于 支持 ADONET 中 的 离线 数据 的 访问 。DataSet 对 象 表示 了 数据 库 中 的 完整 的 数据 ， 包 括 表 、 
限制 以 及 表 之 间 的 关系 。 正 是 由 于 DataSet 的 存在 ， 才 使 得 编程 人 员 在 编写 应 用 程序 时 可 以 不 考 
虑 各 数据 源 之 间 的 差异 ， 从 而 使 用 统一 的 编程 接口 。 

运行 时 ， 组 件 可 以 交换 数据 集 。 也 就 是 说 ， 一 个 组 件 可 以 将 数据 集 传递 给 另 一 个 组 件 。 为 了 
适应 在 组 件 问 进行 数据 集 交 换 ，ADONET 使 用 了 一 个 基于 XML 的 保持 和 传递 格式 。ADO.NET 
解决 方案 将 内 存 中 的 数据 (数据 库 ) 表 示 为 一 个 XML 文件 , 然后 将 这 个 XML 文件 发 送 给 另 一 个 
组 件 。 

用 户 可 以 使 用 DataSet 对 象 对 数据 集中 的 内 容 进 行 处 理 。DataSet 对 象 允许 使 用 与 关系 模型 一 
致 的 方法 对 数据 集 的 内 容 进行 处 理 。 例 如 ,DataSet 对 象 有 一 个 DataTable 对 象 集合 , 每 个 DataTable 
对 象 都 有 行 和 列 ， 并 且 与 其 他 的 DataTable 对 象 有 关联 。 当 一 个 组 件 将 数据 集 传递 给 另 一 个 组 件 
时 ， 接 收 组 件 将 把 接收 到 的 数据 集 物化 为 一 个 DataSet 对 象 。 


(5 )2.2 提供 者 对 象 


提供 者 对 象 就 是 指 在 每 一 个 NET 数据 提供 者 中 定义 的 对 象 ， 其 名 称 前 带 有 特定 提供 者 的 名 
称 。 因 此 ， 用 于 OLE DB 提供 者 的 连接 对 象 就 是 OleDbConnection; 用 于 SQL Server NET 提供 
者 的 类 就 是 SqlConnection 。 

在 ADONET 中 ， 连 接 数 据 源 有 4 种 接口 : SQLClient、OracleClient、ODBC、OLEDB。 其 中 
SQLClient 是 Microsoft SQL Server 数据 库 专 用 连接 接口 ，OracleClient 是 Oracle 数据 库 专 用 的 连接 
接口 ,ODBC 和 OLEDB 可 用 于 其 他 数据 源 的 连接 。 在 应 用 程序 中 使 用 任何 一 种 连接 接口 时 ， 必须 
在 后 台 代码 中 引用 对 应 的 命名 空间 ， 类 的 名 称 也 随 之 发 生变 化 ， 如 表 5-6 所 示 。 
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表 5-6 数据 连接 方式 命名 空间 与 对 应 的 类 名 称 

对 应 的 类 名 称 
SqlConnection、SqlCommand、SqlDataReader、SqlDataAdapter 
OdbcConnection、OdbcCommand、OdbcDataReader、OdbcDataAdapter 


名 称 空 间 
System.Data.SqlClient 








System.Data.Odbc 





System.Data.OleDb OleDbConnection、OleDbCommand、OleDbDataReader、OleDbDataAdapter 


System.Data.OracleClientt | OracleConnection、OracleCommand、OracleDataReader、OracleDataAdapter 


1. 连接 对 象 
连接 对 象 是 使 用 ADO.NET 访问 数据 库 的 第 一 个 对 象 ， 它 提供 了 到 数据 源 的 基本 连接 。 如 果 
使 用 的 数据 库 需 要 用 户 名 和 密码 ， 或 者 是 位 于 远程 网 络 服务 器 上 ， 则 连接 对 象 可 以 提供 建立 连接 
并 登录 的 细节 。 根 据 数据 源 的 不 同 ， 连 接 对 象 有 4 种 : SqlConnection、OleDbConnection、 
OdbcConnection 和 OracleConnection 。 
连接 对 象 的 常用 属性 和 方法 如 表 5-7 所 示 。 
表 5-7 ”连接 对 象 的 常用 属性 和 方法 





K 








属性 或 方法 描述 
基 该 属性 用 来 指定 连接 的 数据 源 ， 需 要 使 用 很 多 参数 ， 如 Data Source 指明 数据 源 ，Initial 
号 ConnectionString Catalog 指明 数据 库 ; Integrated Security 指明 集成 安全 ; User ID 和 Password 分 别 用 于 指明 
登录 帐户 和 密码 竺 
教 a 该 属性 用 于 获取 在 尝试 建立 连接 时 终止 尝试 并 生成 错误 之 前 所 等 待 的 时 间 ， 单 位 为 秒 ， 
材 ConnectionTimeout 
系 默认 值 为 15 
El Database 该 属性 返回 当前 数据 库 的 名 称 或 连接 打开 后 要 使 用 的 数据 库 名 称 ， 默 认为 空 字符 串 
DataSource 获取 要 连接 的 数据 源 实例 的 名 称 
Open 该 方法 用 于 打开 由 ConnectionString 属性 指定 的 数据 源 连 接 
Close 该 方法 用 于 断 开 由 ConnectionString 属性 指定 的 数据 源 连接 
2. 命令 对 象 


命令 对 象 用 于 向 数据 源 发 出 命令 。 命 令 对 象 可 直接 执行 SQL 语句 或 存储 过 程 ， 其 
CommandText 属性 就 是 要 执行 的 SQL 语句 ， 如 “SELECT* FROM Customers”。 对 于 不 同 的 提 
供 者 , 该 对 象 的 名 称 也 略 有 不 同 : 例如 , 用 于 SQL Server 的 命令 对 象 为 SqlCommand, 用 于 ODBC 
的 为 OdbcCommand， 用 于 OLE DB 的 命令 对 象 为 OleDbCommand， 用 于 Oracle 的 命令 对 象 为 
OracleCommand 。 


Command 对 象 的 常用 属性 和 方法 如 表 5-8 所 示 。 
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表 5-8 Command 对 象 的 常用 属性 和 方法 


























属性 或 方法 描述 

CommandText 获取 或 设置 要 对 数据 源 执行 的 SQL 语句 或 存储 过 程 

获取 或 设置 在 终止 执行 命令 的 尝试 并 生成 错误 之 前 的 等 待 时 间 ， 以 秒 为 单位 ， 默 认 值 
CommandTimeout 

为 30 

获取 或 设置 CommandText 的 类 型 ， 其 值 为 System.Data.CommandType 值 之 一 , 默认 为 
CommandType 

Text 
Connection 获取 或 设置 Command 实例 使 用 的 Connection 对 象 
ExcuteNonQuery 该 方法 对 连接 的 数据 库 执行 SQL 语句 并 返回 影响 的 行 数 ， 返 回 值 为 受 影响 的 行 数 

将 CommandText 发 送 到 Connection 并 生成 一 个 DataReader, 返回 值 为 一 个 DataReader 
ExcuteReader 

对 象 
ExcuteScalar 执行 查询 并 返回 查询 所 返回 的 结果 集中 的 第 一 行 第 一 列 ， 忽 略 其 他 行 或 列 

将 CommandText 发 送 到 Connection 并 生成 一 个 System.XmlXmlReader 对 象 ， 返 回 值 
ExcuteXmlReader 

为 该 XmlReader 对 象 
ResetCommandTimeout | 将 CommandTimeout 属性 重 置 为 默认 值 


3. CommandBuilder 对 象 


此 对 象 用 于 构建 SQL 命令 ， 在 基于 单一 表 查 询 的 对 象 中 进行 数据 修改 。 对 于 不 同 的 提供 者 ， 该 
对 象 的 名 称 分 别 为 : 用 于 SQL Server 的 SqlCommandBuilder， 用 于 ODBC 的 OdbcCommandBuilder， 
用 于 OLE DB 的 OleDbCommandBuilder 和 用 于 Oracle 的 OracleCommandBuilder。 


CommandBuilder 


对 象 的 常用 属性 和 方法 如 表 5-9 所 示 。 
表 5-9 CommandBuilder 对 象 的 常用 属性 和 方法 


属性 或 方法 描述 
DataAdapter 获取 或 设置 自动 为 其 生成 SQL 语句 的 一 个 DataAdapter 对 象 


GetUpdateCommand | 获取 自动 生成 的 、 对 数据 库 执行 更 新 操作 所 需 的 Command 对 象 


GetDeleteCommand 


获取 自动 生成 的 、 对 数据 库 执行 删除 操作 所 需 的 Command 对 象 





GetInsertComman 


获取 自动 生成 的 、 对 数据 库 执行 插入 操作 所 需 的 Command 对 象 


4. DataReader 对 象 
该 对 象 用 于 从 数据 源 中 读 取 仅 能 前 向 和 只 读 的 数据 流 。 对 于 简单 的 数据 读 取 来 说 , 此 对 象 的 








性 能 最 好 。 对 于 不 同和 


提供 者 ， 该 对 象 的 名 称 分 别 为 : 用 于 SQL Server 的 SqlDataReader， 用 于 


ODBC 的 OdbcDataReader、 用 于 OLE DB 的 OleDbDataReader 和 用 于 Oracle 的 OracleDataReader。 
DataReader 对 象 的 常用 属性 和 方法 如 表 5-10 所 示 。 
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表 5-10 DataReader 对 象 的 常用 属性 和 方法 





























属性 或 方法 描述 

FieldCount 获取 当前 行 中 的 列 数 

RecordsAffected ”| 被 更 改 、 插 入 或 删除 的 行 数 

IsClosed 指示 是 否 可 关闭 数据 读 取 器 

Close 关闭 DataReader 对 象 

GetName 获取 指定 列 的 名 称 

Read 使 DataReader 前 进 到 下 一 条 记录 ， 如 果 存在 多 个 行 则 返回 twe， 否 则 返回 false 

Bal 当 读 取 批 处 理 SQL 语句 的 结果 时 ， 使 数据 读 取 器 前 进 到 下 一 个 结果 ， 如 果 存 在 多 个 结果 集 
则 返回 tme， 否 则 返回 false 

ISDBNull 获取 一 个 值 ， 指 示 列 中 是 否 包含 不 存在 的 或 已 丢失 的 值 

GetOrdinal 在 给 定 列 名 称 的 情况 下 获取 列 序号 


5. DataAdapter 对 象 


DataAdapter( 数 据 适 配器 ) 是 DataSet 和 数据 源 之 间 的 桥梁 , 可 以 执行 针对 数据 源 的 各 种 操作 ， 
包括 更 新 变动 的 数据 ， 填 充 DataSet 对 象 以 及 其 他 操作 。 对 于 不 同 的 提供 者 ， 该 对 象 的 名 称 分 别 
为 : 用 于 SQL Server 的 SqlDataAdapter， 用 于 ODBC 的 OdbcDataAdapter、 用 于 OLE DB 的 
OleDbAdapter 和 用 于 Oracle 的 OracleDataAdapter。 

在 创建 DataAdapter 对 象 时 ， 可 以 直接 指定 Connection 和 Command 对 象 。 如 果 要 定义 后 指 
定 属性 ， 主 要 包括 : SelectCommand、InsertCommand、UpdateCommand 和 DeleteCommand 。 

DataAdapter 对 象 的 常用 方法 主要 有 以 下 3 个 。 

@ ”Fill: 该 方法 用 来 执行 SelectCommand， 用 数据 源 的 数据 填充 DataSet 对 象 。 

@ ”GetData: 该 方法 新 建 一 个 数据 集中 DataTable 并 填充 它 。 

@ Update: 更 新 数据 集中 的 某 个 DataTable。 


G )2.3 ”数据 集 对 象 


数据 集 对 象 位 于 System.Data 命名 空间 中 ， 用 于 定义 ADONET 的 断 开 的 、 客 户 端的 对 象 ， 
包括 DataSet、DataTable、DataRow、DataColumn 和 DataRelation 等 。 


1. DataSet 对 象 


DataSet 是 数据 集 对 象 中 的 首要 对 象 ， 此 对 象 表示 一 组 相关 表 ， 在 应 用 程序 中 这 些 表 作为 一 
个 单元 来 引用 。 例 如 ，Student、Class 和 Score 是 一 个 DataSet 中 的 3 张 表 ， 有 了 此 对 象 ， 就 可 以 
快速 从 每 一 个 表 中 获取 所 需要 的 数据 ， 当 与 服务 器 断 开 时 检查 并 修改 数据 , 然后 在 男 一 个 操作 中 
使 用 这 些 修改 的 数据 更 新 服务 器 。 
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DataSet 允许 访问 低级 对 象 ， 这 些 对 象 代 表单 独 的 表 和 关系 。 这 些 对 象 是 DataTable 对 象 和 
DataRelation 对 象 。 
DataSet 对 象 的 常用 方法 如 表 5-11 所 示 。 


表 5-11 DataSet 对 象 的 常用 方法 


a, 


























方 法 描述 

AcceptChanges 提交 自 加 载 此 DataSet 或 上 次 调用 AcceptChanges 以 来 对 其 进行 的 所 有 更 改 

BeginInit 开始 初始 化 在 窗 体 上 使 用 或 由 另 一 个 组 件 使 用 的 DataSet， 初 始 化 发 生 在 运行 时 

EndInit 结束 在 窗 体 上 使 用 或 由 另 一 个 组 件 使 用 的 DataSet 的 初始 化 

Clear 通过 移 除 所 有 表 中 的 所 有 行 来 清除 任何 数据 的 DataSet 

Clone 复制 DataSet 的 结构 ， 包 括 所 有 DataTable 架构 、 关 系 和 约束 。 不 复制 任何 数据 

Copy 复制 DataSet 的 结构 和 数据 ， 返 回 新 的 DataSet， 具 有 与 该 DataSet 相同 的 结构 和 数据 

Merge 将 指定 的 DataSet 及 其 架构 合并 到 当前 DataSet 中 _ 
获取 DataSet 的 副本 ， 该 副本 包含 自 加 载 以 来 或 上 次 调用 AcceptChanges 方法 以 来 所 有 的 更 章 

GetChanges E 二 
改 ， 可 以 对 该 副本 执行 操作 


2. DataTable 对 象 










该 对 象 代表 DataSet 中 的 一 个 表 。 例 如 ，Student。 基 
DataTable 对 象 的 Rows 和 Columns 分 别 是 DataRow 和 DataColumn 对 象 ， 可 用 于 访问 . 
DataTable 表 中 的 行 和 列 。 含 义 分 别 如 下 。 】 
@ ”DataColumn 对 象 : 代表 表 中 的 一 列 ， 如 Sno 或 Sname。 教 
@ ”DataRow 对 象 : 代表 来 自 表 的 关联 数据 的 一 行 ， 例 如 Student 表 中 的 Sno、Sname 和 


Saddress 等 。 
3. DataRelation 对 象 


该 对 象 代表 通过 共享 列 而 发 生 关系 的 两 个 表 之 间 的 关系 ; 例如 Student 表 中 的 Cno 列 标识 学 
生 所 在 的 班级 。 于 是 ， 可 以 创建 DataRelation 对 象 ， 通 过 共享 Cno 列 建立 Student 和 Class 表 之 
间 的 关系 。 


G )2.4 ”使 用 ADO.NET 访问 数据 库 


ASPNET 数据 访问 程序 的 开发 流程 有 以 下 几 个 步骤 : 

(1) 利用 Connection 对 象 创建 数据 连接 。 

(2) 利用 Command 对 象 数据 源 执行 SQL 命令 。 

(3) 利用 DataReader 对 象 读 取 数 据 源 的 数据 。 

(4) DataSet 对 象 与 DataAdapter 对 象 配合 ， 完 成 数据 的 查询 和 更 新 操作 。 


这 
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1. 使 用 数据 库 资源 管理 器 


通过 VWD 的 【数据 库 资源 管理 器 】 可 以 直接 操纵 SQL Server 数据 库 ， 但 需要 在 该 面板 的 
【数据 连接 】 下 进行 注册 。 下 面 以 注册 数据 库 InfoManage 为 例 介绍 如 何 添 加 数据 连接 。 

(1) 选择 【视图 〗|【 其 他 窗口 〗| 【数据 库 资 源 管 理 器 〗 命 令 ， 打开 【数据 库 资源 管理 器 】 面 
板 ， 默认 情况 下 ， 该 面板 与 【解决 方案 资源 管理 器 】〗 面 板 在 一 起 。 

(2) 在 【数据 库 资 源 管 理 器 〗 面 板 中 右 击 【数据 连接 〗， 从 弹出 的 快捷 菜单 中 选择 【添加 连 
接 〗 命 令 ， 打 开 【 选 择 数 据 源 〗】 对 话 框 ， 选 择 【Microsoft SQL Server]】 选项 ， 如 图 5-3 所 示 。 


一 知识 点 
【选择 数据 源 有 对 话 框 只 有 在 第 一 次 
添加 连接 时 才 弹 出 ， 下 一 次 添加 数据 连 
接 时 , 默认 还 为 SQL Server, 如 果 要 添加 
其 他 类 型 的 数据 源 ， 可 以 单 击 【 添 加 连 
接 】〗 对 话 框 中 的 【更 改 】〗 按 钮 。 












数据 源 G): 
Mierosoft Access 
Microsoft ODBC 


可 以 通过 用 于 SQL 
了 ramework 数据 提 
Mierosoft SQL Server Compact 4.0 » Microsoft 


FE t SQL Server 数据 库 文件 


有 x Meresoft SQL Arures 








图 5-3 【选择 数据 源 】 对 话 框 


(3) 单 击 【 继 续 】 按 钮 ， 打开 【添加 连接 】 对 话 框 ， 在 【服务 器 名 】 文 本 框 中 输入 SQL Server 
服务 的 名 称 ， 也 可 以 单 击 【刷新 〗】 按 钮 ， 然 后 从 下 拉 列 表 中 选择 ， 根 据 服务 器 的 设置 选择 登录 设 
置 ， 然 后 单 击 【测试 连接 】 按 钮 ， 如 图 5-4 所 示 ， 如 果 连 接 成 功 将 弹出 如 图 5-5 所 示 的 测试 连接 
成 功 对 话 框 。 


基 
础 
与 
实 


兰 


和 全 ER ， 或 单 击 “ 更 改 ”选择 另 一 个 数据 


四 SQL Server (SqlClient) 
服务 器 名 也 ) 
zhaovtsinghua 
车 录 到 服务 器 
回合 用 Windors 身份 验证 四 
口 全 用 SQL Server 身份 验证 四 ) 
se 
保存 密码 全) 
连接 到 一 个 数据 库 
加 选择 或 输入 一 个 数据 库 名 @) 





实 济 直 痊 














口 附加 一 个 数据 库 文件 中: 











图 5-4 【添加 连接 】 对 话 框 图 5-5 ”测试 连接 成 功 对 话 框 
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(4) 连接 成 功 后 即 可 从 【选择 或 输入 一 个 数据 库 】 下 拉 列 表 中 选择 要 连接 的 数据 库 ， 如 图 5-6 
所 示 。 
(5) 单 击 【 确 定 〗 按 钮 关闭 【添加 连接 〗 对 话 框 ， 此 时 的 【数据 库 资源 管理 器 】 面 板 中 将 增 
加 添加 的 数据 库 ， 如 图 5-7 所 示 。 


一个 
数据 源 G): 

MMierosoft SQL Server Galclient) | 
服务 器 各) 


haotsinghas | Cem 


登录 到 | 服务 器 





加 使 用 Windows 身份 验证 名 
口 合用 SQL Server 身份 验证 @) 
pg I 























将 炸 鱼 蜡 


图 5-6 选择 数据 库 图 5-7 添加 连接 后 的 【数据 库 资源 管理 器 】 


兰 


此 时 , 就 可 以 在 VWD 中 对 InfoManage 数据 库 进 行 任何 设计 、 查 询 和 修改 操作 , 就 像 在 SQL 
Server Management Studio 一 样 。 


如 提示 
有 关 数 据 库 的 操作 请 读者 参考 相关 书籍 ， 本 书 不 做 详细 介绍 。 


2. 学 生 信 息 查询 与 维护 


为 了 让 读者 更 深刻 地 理解 数据 提供 者 对 象 和 数据 集 对 象 的 用 法 ,下 面 做 一 个 具体 的 实例 。 本 

例 功 能 比较 简单 ， 支 持 学 生 信息 的 添加 、 查 询 和 删除 功能 。 
【 例 5-1】 通 过 ADO.NET 访问 SQL Server 数据 库 InfoManage， 实 现 对 Student 表 的 添加 、 

查询 和 删除 功能 。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 5-1】。 

(2) 在 Defaultaspx 页 面 的 设计 视图 中 , 添加 1 个 RadioButtonList 控件 和 3 个 Panel 控件 .为 
RadioButtonList 控件 添加 3 个 Item 元 素 ， 分 别 对 应 3 个 Panel 控件 ， 用 于 控制 Panel 控件 的 显示 
与 隐藏 ， 生 成 的 代码 如 下 : 





涩 测 坟 尖 
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<asp:RadioButtonList ID="RadioButtonList2" runat="server" AutoPostBack="True" 
onselectedindexchanged—"RadioButtonList2 SelectedIndexChanged" 
RepeatDirection="Horizontal"> 
<asp:ListItem Selected="True" Value="Panel1"> 添 加 学 生 信 息 </asp:ListItem> 
<asp:ListItem Value="Panel2"> 查 询 学 生 信息 </asp:ListItem> 
<asp:ListItem Value="Panel3"> 删 除 学 生 信息 </asp:ListItem> 
</asp:RadioButtonList> 


(3) 在 Panell 控件 中 插入 一 个 8 行 2 列 的 表格 , 该 表格 用 于 布局 输入 学 生 信 息 的 控件 。 将 第 
一 行 的 2 个 单元 格 合并 ， 后 面 的 第 一 列 输入 文本 信息 ， 第 二 列 添加 相应 的 控件 ， 最 终生 成 的 代码 
如 下 : 


<asp:Panel ID="Panell" runat="server"> 
<table class="stylel"> 


- <t> 
一 <td colspan="2" style="text-align: center"> 
添加 学 生 一 一 输入 学 生 信息 </td> 
</t> 
<tr> 
<td> 
学 号 :</td> 
<td> 
<asp:TextBox ID="TextBoxl" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
ControlToValidate="TextBox1" ErrorMessage=" 学 号 不 能 为 空 "> 
</asp:RequiredFieldValidator> 
</td> 





基 
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<td> 
姓名 : </td> 

<td> 
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 

ControlToValidate="TextBox2" ErorMessage=" 请 输入 学 生 姓名 "> 

</asp:RequiredFieldValidator> 

</td> 





-170- 


[人 SN 
第 5 章 显示 和 操作 数据 库 | 篇 


<td> 
<asp:RadioButtonList ID="RadioButtonListl" runat="server" 
RepeatDirection="Horizontal"> 
<asp:ListItem Selected="True" Value="M"> 男 </asp:ListItem> 
<asp:ListItem Value="F"> 女 </asp:ListItem> 
</asp:RadioButtonList> 
</td> 


<td> 
<td> 

<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
</td> 


地 址 :</td> 


§ 


<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox> 


$ 


<td> 
班级 ， </td> 
<td> 
<asp:DropDownList ID="DropDownList1" runat="server"> 
</asp:DropDownList> 
</td> 
</t> 
<u> 
<td style="text-align: right"> 
<asp:Button ID="Button1" runat="server" style="text-align: right" Text=" 提 交 " 
onclick="Buttonl_Click" /> 
</td> 
<td> 
&nbsp:</td> 
</> 
</table> 
</asp:Panel> 






将 是 你 早 
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(4) Panel2 用 于 查询 学 生 信 息 ， 添 加 相应 的 控件 ， 生 成 如 下 代码 : 


<asp:PanelID="Panel2" runat="server" Visible="False"> 
按 学 号 查询 学 生 信息 <br 亡 
学 号 : <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox> 

<asp:Button ID="Button2" runat="server" Text=" 查 询 " onclick="Button2_Click" /> 
<hr 记 > 

<asp:Label ID="Label1" runat="server" Text=" 学 生 信息 : "></asp:Label> 
</asp:Panel> 


(5) Panel3 用 于 删除 学 生 信 息 ， 添 加 相应 的 控件 ， 生 成 如 下 代码 : 


<asp:Panel ID="Panel3" runat="server" Visible="False"> 
删除 学 生 信息 <br 亡 
学 号 : <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox> 
<asp:Button ID="Button3" runat="server" Text=" 删 除 " onclick="Button3_Click" /> 





</asp:Panel> 
(6) 由 于 要 访问 数据 库 ， 所 以 在 后 台 代 码 文件 中 需要 引入 相应 的 命名 空间 : 
基 using System.Data.SqlClient: 
础 using System.Data: 
与 
实 (7) 定义 两 个 类 成 员 变量 ， 分 别 用 于 存放 连接 字符 串 和 班级 信息 ， 其 中 Dictionary<K,V> 用 于 
要 定义 键 / 值 (Key/Value) 对 的 集合 ， 需 要 引入 System.Collections 命名 空间 ， 代 码 如 下 : 
人 string strConnect = "Data Source=zhao\Wtsinghua:Initial Catalog=InfoManage:Integrated 
列 


Security=True:user=sa:password=Sapassword"; 

Dictionary<int string> classInfo = new Dictionary<int string>(); 

(8) 因为 学 生 表 中 存放 的 是 班级 号 ， 而 展现 给 用 户 的 需要 班级 名 称 ， 所 以 需要 查询 班级 表 
Class 对 应 班级 号 和 班级 名 称 。 在 页 面 的 Load 事件 中 ， 加 载 班 级 信息 ， 添 加 如 下 代码 : 


Protected void Page_Load(object sender, EventArgs e) 
{ 
if(!Page.IsPostBack) 
getClassInfo(): 
} 
} 
private void getClassInfo0 
{ 
DropDownListl.Items.Clear0: 
SqlConnection con = new SqlConnection(strConnecD: 
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(9) 单 选 按钮 列表 框 控制 Panel 控件 的 显示 与 隐藏 ， 相 应 的 事件 处 理 程序 如 下 : 
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con.Open(): 
SqlCommand cmd = new SqlCommand("select * from Class" con): 
SqlDataReader reader = cmd.ExecuteReader(): 
while GeaderReadO)/ 逐 行 遍历 查询 结果 
屿 用 班级 信息 初始 化 "班级 "下 拉 列 表 
int cno = reader.GetInt32(0): 
string cname = reader.GetString(1): 
ListItem item = new ListItem(cname, cno.ToStringO): 
DropDownList] Items.Add(item): 
classInfo. Add(cno. cname); 
} 
cmd = null; 
con.CloseO:; 
con = null; 


Pprotected void RadioButtonList2_SelectedIndexChanged(object sender, EventArgs e) 


《 


} 


Panell.Visible = false: 

Panel2.Visible = false:; 

Panel3.Visible = false: 

if (RadioButtonList2.SelectedValue 一 "Panell") 
Panell.Visible = true: 

让 (RadioButtonList2.SelectedValue 一 "Panel2") 
了 Panel2.Visible = true: 

让 (RadioButtonList2.SelectedValue 一 "Panel3") 
Panel3.Visible = true; 
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(10) 前 面 查询 班级 信息 使 用 的 是 命令 对 象 和 DataReader 对 象 ， 下 面 的 添加 和 查询 操作 改 用 
DataAdapter 和 数据 集 的 方式 实现 ， 相 应 的 代码 如 下 : 


protected void Buttonl_Click(object sender. EventArgs ©) 


{ 


SqlConnection con = new SqlConnection(strConnect): 
DataSet ds = new DataSetO): 
string info = "™"; 


con.OpenO: 


\ 


i 
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SqlDataAdapter sqld = new SqlDataAdapter("select * from student". con): 
// 建 立 CommandBuilder 对 象 来 自动 生成 DataAdapter 的 Command 命令 ， 否 则 就 要 自己 编写 
//Insertcommand .deletecommand . updatecommand 命令 。 
SqlCommandBuilder cb = new SqlCommandBuilder(sqld): 
sqld.Fill(ds, "student"):/ 用 Fill 方法 填充 DataSet 
DataTable dTable = ds.Tables["student"];// 将 数据 表 的 数据 复制 到 DataTable 对 象 
DataRow row = ds.Tables["student"].NewRow0:// 增 加 新 记录 
// 给 该 记录 赋值 
Tow[0] = TextBoxl.Text: 
row[1] = TextBox?2.Text: 
row[2] = RadioButtonListl.SelectedValue; 
row[3] = TextBox3.Text: 
IOw[4] = TextBox4.Text: 
IOow[S]= DropDownListl.SelectedValue: 
ds.Tables["student"].Rows.Add(row): 
sqld.Update(ds, "student");// 提 交 更 新 
info = "添加 学 生 信息 成 功 "; 
} 
catch (Exception ex) 
info = "添加 失败 ， 失 败 原因 : " + ex.Message; 


con.Close0: 
con= null; 
} 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO, "success", "alert(\""+ info +"\"): ", true); 
} 
Pprotected void Button2_Click(object sender, EventArgs e) 
f(TextBoxS.Text =—"") 
{ 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO. "success", "alert(\" 请 输入 要 查询 学 生 的 
学 号 \"); ", true); 
Tetum:; 
} 
SqlConnection con = new SqlConnection(strConnect): 
DataSet ds = new DataSetO: 
con.Open(): 
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SqlDataAdapter sqld = new SqlDataAdapter("select * fiom Student where Sno = @SNO" con) 
sqld.SelectCommand Parameters.AddWithValue("(WSNO". TextBoxS.Text): 
sqld.Fill(ds. "student");/ 用 F 进 方法 填充 DataSet 
DataTable dTable = ds.Tables["student"]:// 将 数据 表 的 数据 复制 到 DataTable 对 象 
DataRowCollection rows = dTable Rows:// 获 取 数 据 行 
// 逐 行 遍历 ， 取 出 各 行 的 数据 
Labell.Text= "学 生 信息 : “: 
f(rows.Count > 0) 

getClassImfo0: 
else 
{ 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO. "success", "alert(\" 该 学 生 的 信息 不 存 
在 \): "te); 
Tetum:; 
} 
for (inti= 0; i<rows.Count: i++) 
{ 
DataRow row = rows[i]: 
Labell.Text+= "<br 户 学 号 : "+IOow[0]: 
Labell.Text+="; 。 姓名: "+row[1]: 
if(row[2].ToString0—"M") 
Labell.Text+="; 性别 : 男 "; 
else 
Labell.Text+="; ”性别 : 女 "; 
Labell.Text+="; ”联系 电话 : "+IOw[3]: 
Labell.Text+="; 地址 : "+Iow[4]: 
foreach(KeyValuePair<int.string> kv in classInfo ) 
{ 
这 kv.Key 一 Int32.Parse(row[S].ToStringO)) 
{ 
Labell.Text +="; 班级 : "+kv.Value; 


(11) 对 于 删除 操作 ， 与 增加 和 查询 类 似 ， 既 可 以 采用 命令 对 象 的 方式 ， 也 可 以 使 用 
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DataAdapter， 这 里 使 用 Comand 对 象 来 删除 学 生 记录 ， 代 码 如 下 : 


Protected void Button3_Click(object sender, EventArgs ©) 


{ 
f(TextBox6.Text—"") 
{ 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO. "success", "alert(\" 请 输入 要 删除 学 生 的 
学 号 \"); ", true); 
Tetum: 


SqlConnection con = new SqlConnection(strConnecD: 
SqlCommand sqlcommand = new SqlCommand("delete from Student where Sno=@no"con): 
sqlcommand Parameters.AddWithValue("(@no". TextBox6.Text): 





string info = "™"; 
瘟 “ 
Es 8 
con.Open(; 
int DeleteCount = sqlcommand. ExecuteNonQuery0: 
if(DeleteCount > 0) 
info =" 成 功 删除 记录 
与 else 
info = "该 学 生 信息 不 存在 "; 
教 b 
材 catch (Exception ex) 
前 
| info = "删除 失败 ， 错 误 原因 : "+ ex.Message; 
} 
finally 
{ 
sqlcommand = null: 
con.CloseO: 
con = null: 
} 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO. "success" "alert(\""+ info + "\"): ", true): 
} 
(12) 编译 并 运行 程序 ， 在 添加 学 生 信息 页 面 ，【 班 级 〗 下 拉 列 表 中 动态 加 载 了 当前 所 有 的 
班级 ， 如 图 5-8 所 示 。 输 入 相应 的 信息 ， 单 击 【 提 交 】 按钮 将 弹出 添加 成 功 对 话 框 ， 如 图 5-9 所 
示 。 如 果 输 入 信息 有 误 ， 将 添加 失败 并 给 出 错误 信息 ， 如 图 5-10 所 示 。 





-176- 





第 5 章 显示 和 操作 数据 库 (局 
































将 是 皇 膨 Es 





兰 





图 5-10 添加 失败 


(13) 选中 【查询 学 生 信息 】 单 选 按钮 ， 输 入 学 号 ， 单 击 【查询 〗 按 钮 ， 将 显示 相应 的 学 生 
信息 ， 如 图 5-11 所 示 。 如 果 没有 找到 ， 则 弹出 对 话 框 提示 学 生 不 存在 ， 如 图 5-12 所 示 。 


涩 测 蒜 尖 




















图 S11 查询 学 生 信息 图 5-12 学 生 不 存在 
(14) 删除 操作 也 类 似 ， 请 读者 实际 操作 ， 观 察 效果 。 
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.3 ”数据 绑 定 和 数据 控件 


前 面 已 经 介绍 了 通过 ADONET 访问 数据 库 ， 下 面 将 继续 介绍 如 何 利 用 ASPNET 提供 的 控 
件 将 数据 呈现 在 页 面 上 。 首 先 介绍 单 值 绑 定 和 列表 控件 的 数据 绑 定 过 程 ， 然 后 介绍 GridView 等 
复杂 数据 绑 定 控件 的 基本 用 法 ， 主 要 涉及 以 下 3 种 复杂 数据 绑 定 控件 : GridView、DataList 和 


FormView。 


(6 )3.1 数据 绑 定 概述 


Web 系统 的 一 个 典型 的 特征 是 后 台 对 数据 的 访问 和 处 理 与 前 台数 据 的 显示 分 离 ， 而 前 台 显 
示 是 通过 HTML 来 实现 的 。 一 种 将 数据 呈现 的 最 直接 的 方式 是 将 需要 显示 的 数据 和 HTML 标记 
拼接 成 字符 串 并 输出 ， 但 这 种 方案 的 缺点 也 是 显而易见 的 ,不 但 复杂 而 且 难 以 重用 ,尤其 是 有 大 
量 数据 需要 处 理 时 。 为 了 简化 开发 过 程 ，ASP.NET 环境 中 提供 了 多 种 不 同 的 服务 器 端 控 件 来 帮 
助 程序 员 更 快速 高 效 地 完成 数据 的 呈现 。 这 些 用 于 数据 呈现 的 ASP.NET 控件 ， 集 成 了 常见 的 数 
据 显示 框架 和 数据 处 理 功能 ， 因 而 在 使 用 时 只 需要 设置 某 些 属性 ， 并 将 需要 显示 的 数据 交付 给 控 
件 ， 控 件 就 可 以 帮助 用 户 按照 固定 的 样式 (例如 表格 ) 或 通过 模板 自 定义 样式 将 一 系列 数据 呈现 出 
来 ， 同 时 还 自动 继承 某 些 内 置 的 数据 处 理 功能 ， 例 如 : 排序 、 分 页 等 。 这 些 控件 就 被 称 为 数据 绑 
定 控件 ， 而 将 数据 交付 给 数据 绑 定 控件 的 过 程 就 称 为 数据 绑 定 。 

数据 绑 定 控件 本 质 上 依然 是 通过 HTML 来 呈现 数据 的 ， 只 不 过 按照 某 种 样式 生成 HIML 框 
架 并 将 数据 填 入 其 中 的 工作 由 控件 自动 完成 了 , 一 些 复杂 的 数据 绑 定 控件 还 提供 了 大 量 的 功能 帮 
助 用 户 对 数据 进行 进一步 操作 ， 例 如 : 排序 、 过 滤 、 新 增 、 修 改 和 删除 等 ， 因 而 使 得 数据 呈现 的 
过 程 变 得 简单 而 灵活 。 正 因为 如 此 ， 数 据 绑 定 控件 的 使 用 是 ASPNET 编程 中 非常 重要 的 一 部 分 
内 容 。 


(6)3.2_ 单 值 和 列表 控件 的 数据 绑 定 


数据 绑 定 实际 上 是 在 HTML 标记 中 或 服务 器 控件 中 设置 要 显示 数据 的 过 程 。 对 于 页 面 中 
的 HTML 标记 ,可 以 直接 嵌入 数据 或 绑 定 表达 式 来 设置 要 显示 的 数据 , 而 对 于 服务 器 控件 来 说 ， 
通常 通过 设置 控件 属性 或 指定 数据 源 来 完成 数据 的 绑 定 ， 并 控制 其 呈现 的 样式 。 常 用 的 绑 定 表 
达 式 具有 以 下 形式 : <%# XXX9%>， 绑 定 表达 式 可 以 直接 嵌入 到 前 台 页 面 代 码 中 去 ， 通 常用 于 
HTML 标记 中 的 数据 显示 或 单 值 控件 数据 设置 ， 例 如 Label、TextBox 等 。 而 对 于 列表 控件 (如 : 
DropDownList、CheckBoxLisb， 以 及 后 面 要 着 重 介绍 的 复杂 数据 绑 定 控件 则 常 采 用 设置 数据 源 
的 方式 完成 数据 呈现 。 
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1. 单 值 绑 定 


单 值 绑 定 其 实 就 是 实现 动态 文本 的 一 种 方式 。 为 了 实现 单 值 绑 定 , 可 影响 页 面 中 添加 一 些 特 
殊 的 绑 定 表达 式 。 主 要 有 以 下 4 种 数据 绑 定 表达 式 。 

图 <%=XXX %>: 内 联 引用 方式 ， 可 以 引用 C# 代 码 。 

@ ”<%#XXX %>: 可 以 引用 .cs 文件 中 的 字段 ， 但 该 字段 必须 初始 化 后 ， 在 页 面 的 Load 事 

件 中 使 用 Page.DataBind 方法 来 实现 。 

图 ”<%#$ XXX %>: 可 以 引用 web.config 文件 中 预定 义 的 字段 或 者 已 注册 的 类 。 

@ ”<%# Eval(XXX) %>: 类 似 于 JavaScript， 数 据 源 也 需要 绑 定 。 

例如 ， 下 面 的 数据 绑 定 表 达 式 都 是 有 效 的 : 

<%ot DateTime. Now 9%> 

<%# 3+(6*number) %> // 其 中 ，number 是 Web 也 后 置 代码 类 中 的 public 或 protected 变量 

<%%#t Request.Browser.Browser %> 


忆 提示 
单 值 绑 定 有 两 个 缺点 : (1) 数据 绑 定 代码 与 定义 用 户 界 面 的 代码 混合 在 一 起 ; (2) 代码 过 于 分 散 。 正 





是 由 于 这 两 个 缺点 ， 因 此 不 方便 管理 页 面 和 代码 ， 所 以 应 尽量 少 用 单 值 绑 定 。 


2. 多 值 绑 定 


多 值 绑 定 通常 与 列表 控件 以 及 复杂 的 数据 控件 一 起 工作 , 可 以 把 多 条 数据 一 次 绑 定 到 这 些 控 
件 中 。 

多 值 绑 定 的 步骤 如 下 : 

(1) 把 存储 数据 的 数据 对 象 绑 定 到 列表 控件 或 数据 控件 的 DataSource 属性 ; 

(2) 调用 控件 或 者 当前 页 面 的 DataBind0 方 法 。 

为 了 创建 多 值 绑 定 ， 需 要 使 用 支持 数据 绑 定 的 控件 ，ASPNET 提供 了 一 系列 这 类 控件 ， 这 
些 控件 如 下 。 

@ ”列表 控件 : ListBox、DropDownList、CheckBoxList 和 RadioButtonList 等 。 

®@ ”HtmlSelect 控件 这 是 一 个 HTML 控件 ， 类 似 于 ListBox 控件 。 

@ ”复杂 数据 控件 ， GridView、DetailsView、FormView、ListView 等 。 

【 例 5-1】 中 DropDownList 控件 就 可 以 通过 数据 绑 定 来 进行 初始 化 操作 ， 请 读者 在 学 完 数 
据 源 控件 以 后 进行 修改 。 


G6 )3.3 ”数据 控件 简介 


为 了 有 效 地 处 理 系 统 中 的 数据 ，ASP.NET 工具 箱 的 【数据 】 类 别 中 提供 了 两 组 数据 感知 控 
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件 : 数据 源 控件 和 数据 绑 定 控件 。 数 据 源 控件 用 于 从 数据 源 (如 数据 库 或 XML 文件 ) 中 检索 数据 ， 
然后 将 这 一 数据 提供 给 数据 绑 定 控件 ;数据 绑 定 控件 可 用 于 显示 和 编辑 数据 。 


1. 数据 源 控件 

数据 源 控件 用 于 连接 数据 源 、 从 数据 源 中 读 取 数据 以 及 把 数据 写 入 数据 源 。 数据 源 控件 不 呈 
现任 何 用 户 界面 ， 而 是 充当 特定 数据 源 与 ASPNET 网 页 上 的 其 他 控件 之 间 的 桥梁 。 数 据 源 控件 
实现 了 各 种 数据 检索 和 修改 功能 ， 其 中 包括 查询 、 排 序 、 分 页 、 筛 选 、 更 新 、 删 除 以 及 插入 等 。 

在 工具 箱 的 【数据 】 类 别 下 包含 了 7 个 不 同 的 数据 源 控件 。 


基 
础 
与 
实 


衬 漠 寺 关 兰 








@ 


@ 


@ 


ObjectDataSource 控件 ， 具 有 数据 检索 和 更 新 功能 的 中 间 层 对 象 ， 允 许 使 用 业务 对 象 或 
其 他 类 ， 并 可 创建 依赖 中 间 层 对 象 管理 数据 的 Web 应 用 程序 。 

SqlDataSource 控件 : 用 来 访问 存储 在 关系 数据 库 中 的 数据 源 ， 包 括 Microsof SQL 
Server、Oracle、OLE DB 和 ODBC。 当 该 控件 与 SQL Server 一 起 使 用 时 支持 高 级 缓存 
功能 ， 当 数据 源 作为 DataSet 对 象 返回 时 ， 该 控件 还 支持 排序 、 筛 选 和 分 页 功能 。 
AccessDataSource 控件 : 用 于 在 Web 页 面 中 显示 Microsoft Access 数据 库 的 数据 。 它 非 
常 简单 , 在 某 种 程度 上 类 似 于 SqlDataSource 控件 , 因为 它 允许 处 理 来 自 数据 库 的 数据 。 
但 不 同 之 处 在 于 它 只 针对 Microsoft Access 数据 库 进 行 优化 。 

XmlDataSource 控件 : 主要 用 于 绑 定 分 层 的 、 基 于 XML 的 数据 , 该 控件 支持 使 用 XPath 
表达 式 来 实现 筛选 功能 ， 并 人 允许 对 数据 应 用 XSLT 转换 ， 此 外 , 还 允许 通过 保存 更 改 后 
的 XML 文档 来 更 新 数据 。 

SiteMapDataSource 控件 : 该 控件 结合 导航 控件 实现 站 点 导航 功能 ， 第 3 章 在 介绍 导航 
控件 时 曾 介绍 过 如 何 使 用 SiteMapDataSource。 

EntityDataSource 控 件 : EntityDataSource 控件 之 于 EF(Entity Framework) 就 像 SqlDataSource 
控件 之 于 基于 SQL 的 数据 源 ， 它 提供 了 一 个 声明 性 的 方法 来 访问 模型 。 和 SqlDataSource 
控件 一 样 ，EntityDataSource 提供 了 对 CRUD 操作 的 轻松 访问 ， 另 外 使 数据 排序 和 筛选 也 
变 得 非常 简单 。EntityDataSource 通过 LINQ to EF 提供 了 对 底层 SQL Server 数据 库 的 完 
全 访问 。 

LinqDataSource 控件 : 用 作 LINQ to SQL 的 数据 源 。LINQ to SQL 是 一 种 类 似 于 EF( 将 
在 第 6 章 介绍 ) 的 技术 。 因 为 Microsoft 现在 大 力 推广 的 是 EF， 而 不 是 LINQto SQL, 所 
以 本 书 不 讨论 该 控件 。 

QueryExtender 控件 : 用 作 LinqDataSource 和 EntityDataSource 控件 的 增 件 ， 因 为 它 可 以 
用 来 创建 丰富 的 过 滤 界 面 ， 从 而 能 够 搜索 特定 的 数据 ， 而 不 必 手 动 编写 大 量 代码 。 


本 章 重 点 介绍 SqlDataSource 控件 ，SqlDataSource 控件 使 用 ADO.NET 类 与 ADO.NET 支持 
的 任何 数据 库 进行 交互 。 通 过 该 控件 ， 可 以 在 ASP.NET 页 面 中 访问 和 操作 数据 ， 而 无 需 直 接 使 
用 ADONET 类 ， 只 需 提供 用 于 连接 到 数据 库 的 连接 字符 串 ， 并 定义 使 用 数据 的 SQL 语句 和 存 
储 过 程 即 可 。 在 运行 时 ，SqlDataSource 控件 会 自动 打开 数据 库 连 接 ,执行 SQL 语句 或 存储 过 程 ， 
返回 指定 数据 ， 然 后 关闭 连接 。 


篇 
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下 面 通过 一 个 具体 的 实例 来 学 习 SqlDataSource 控件 的 使 用 。 

【 例 5-2】 使 用 数据 源 控件 和 数据 绑 定 初始 化 【 例 5-1】 中 的 DropDownList 控件 。 

(1) 启动 VWD 2010， 打 开 网 站 【 例 5-1】 。 

(2) 切换 到 Default.aspx 的 设计 视图 ， 在 工具 箱 的 【数据 〗 类 别 中 双击 SqlDataSource 控件 ， 
将 添加 该 控件 并 打开 控件 的 【任务 〗 面 板 ， 单 击 【 配 置 数 据 源 〗 选 项 ， 如 图 5-13 所 示 。 





图 5-13 SqlDataSource 控件 的 【任务 】 面 板 


(3) 打开 【配置 数据 源 〗】 对 话 框 ， 第 一 步 是 选择 数据 连接 ， 因 为 前 面 已 经 添加 了 数据 连接 ， 
所 以 在 此 可 以 在 下 拉 列 表 中 直接 选择 ， 如 果 下 拉 列 表 中 没有 ， 可 以 单 击 【新 建 和 连接】 按钮 添加 数 
据 连接 。 单 击 【连接 字符 串 】 前 面 的 加 号 ， 可 以 查看 该 连接 生成 的 连接 字符 串 ， 如 图 5-14 所 示 。 
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图 5-14 选择 数据 连接 





知识 点 
在 web.config 文件 中 的 <connectionStrings> 元 素 下 将 创建 上 述 连 接 字符 囊 , 然后 数据 源 控件 将 通过 下 面 





的 语句 访问 这 个 连接 字符 囊 : ConnectionString="<%$ ConnectionStrings:InfoManageConnectionString %>"。 


(4) 单 击 【 下 一 步 〗 按钮, 打开 如 图 5-15 所 示 的 【将 连接 字符 囊 保存 到 应 用 程序 配置 文件 中 】 
对 话 框 。 
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配置 数据 源 - SqlDataSourcel 
| 将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 
) 


人 


是 否 阁 连接 保存 到 应 用 程序 配置 文件 中 ? 
县 7 条 下 二 控 另存 为 TT) 
fallansgsConnectionStrine 





Ct-sw ]LT- 上 wo >] 











图 5-15 【将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 】 对 话 杠 


(5) 选中 【是 ， 将 此 连接 另存 为 〗 复 选 框 ， 单 击 【 下 一 步 〗 按 钮 ， 打开 如 图 5-16 所 示 的 【 配 
置 Select 语 句 ] 对 话 框 ,在 该 对 话 框 中 可 以 选择 需要 的 表 和 列 , 也 可 以 增加 WHERE 子 句 和 ORDER 
BY 子 句 ， 还 可 以 单 击 【高 级 】〗 按 钮 进行 高 级 SQL 生成 选项 设置 。 
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cpl 
LL 配置 Select 语句 


希望 如 何 从 数据 库 中 检索 数据 ? 
〇 指定 自 定义 SQL 语句 或 存储 过 程 E) 
人 指定 来 自 表 或 视图 的 列 TD) 


口 只 返回 眉 一 行 @) 
TU) 
CEETI 








[i-s® ][ 下 - 步 m > ] 











5-16 【配置 Select 语句 】 对 话 框 


(6) 单 击 【下 一 步 】 按 钮 ， 打 开 如 图 5-17 所 示 的 【测试 查询 】〗】 对 话 框 ， 单 击 【测试 查询 】 按 
钮 ， 将 显示 上 一 步 配 置 的 Select 语句 的 查询 结果 。 
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图 5-17 【测试 查询 】 对 话 框 


(7) 单 击 【 完 成 】 按 钮 ， 结 束 数据 源 的 配置 。 

(8) 在 【属性 】 面 板 中 设置 DropDownList 控件 的 数据 绑 定 相关 的 属性 ， 包 括 DataSourceID、 
DataMember、DataTextField 和 DataValueField， 如 图 5-18 所 示 。 

(9) 此 时 可 以 删除 【 例 5-1〗 中 初始 化 DropDownList 控件 的 代码 ， 然 后 编译 并 运行 程序 。 


一 知识 点 

数据 源 控件 不 呈现 任何 用 户 界面 ,所 
以 添加 数据 控件 时 ， 无 论 在 设计 视图 的 
任何 位 置 ， 最 终 运行 时 都 没有 影响 。 
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repDewaListl Systen Web UT WebContrels ~ 


兰 







日 误 天 
(Expressions) 
Dut lenber Defasltyies 
SqlDatasoureel ~ 
| 





实测 赴 沦 


DatoyslueField 


DataSourceID 
将 被 用 作 数 据 源 的 IDatsSource 的 控件 ID。 





5-18 ”设置 数据 绑 定 相关 的 属性 


2. 数据 绑 定 控件 


使 用 数据 绑 定 控件 可 以 在 Web 页 面 上 显示 和 编辑 数据 。 在 VWD 2010 工具 箱 的 【数据 】 类 
别 中 有 7 个 数据 绑 定 控件 。 其 中 ，GridView、DataList、ListView 和 Repeater 都 可 以 同时 显示 多 
条 记录 ， 而 DetailsView 和 FormView 设计 为 一 次 显示 一 条 记录 ，DataPager 是 为 ListView 控件 提 
供 分 页 功能 的 辅助 控件 。 

@ ”GridView 控件 : 这 是 一 个 功能 非常 多 的 控件 ， 它 支持 自动 分 页 (记录 被 划分 到 多 个 “页 

面 ” 中 )、 排 序 、 编 辑 、 删 除 和 选择 。 它 像 一 个 带 有 行 和 列 的 电子 表格 那样 呈现 数据 ， 
其 中 每 行 包 含 一 条 完整 的 记录 。 尽管 有 许多 种 可 以 样式 化 这 些 行 和 控件 外 观 的 方法 , 但 
不 能 从 根本 上 改变 表现 数据 的 方式 。 另 外 ，GridView 并 不 允许 直接 在 底层 数据 源 中 插 
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入 记录 。 

@ ”DataList 控件 : 该 控件 不 仅 可 以 像 GridView 那样 以 行 表现 数据 记录 ， 也 可 以 以 列 的 形 
式 表现 ， 从 而 可 以 创建 一 种 矩阵 形式 的 数据 表现 方法 。 另 外 ， 它 也 允许 通过 一 组 模板 定 
义 数 据 的 外 观 。 不 过 , 它 不 支持 分 页 和 排序 , 不 允许 插入 新 记录 或 更 新 、 删 除 已 有 记录 。 

@ ”Repeater 控件 该 控件 在 输出 到 浏览 器 的 HTML 方面 提供 了 最 大 的 灵活 性 ， 因 为 该 控 
件 本 身 并 不 添加 任何 HTML 到 页 面 输出 中 。 因 此 ， 它 常用 于 HTML 有 序列 表 或 无 序列 
表 (<ol> 和 <ul>)， 以 及 其 他 列表 形式 。 可 以 通过 控件 提供 的 大 量 模板 定义 整个 客户 端 标 
记 。 不 过 ， 该 控件 没有 分 页 、 排 序 和 修改 数据 的 内 置 功能 。 

@ ”ListView 控件 : 该 控件 是 在 ASPNET 3.5 中 引入 的 , 它 很 好 地 合并 了 GridView、DataList 
和 Repeater 的 功能 。ASPNET 4.0 中 对 ListView 做 出 了 一 些 改动 , 使 它 更 易于 使 用 。 类 
似 于 GridView， 它 支持 数据 编辑 、 删 除 和 分 页 ; 像 DataList 那样 ， 它 支持 多 列 和 多 行 
布局 ， 而 且 还 像 Repeater 那样 允许 完全 控制 控件 生成 的 标记 。 

@ ”DetailsView 控件 ， 和 FormView 控件 有 些 类 似 ， 它 们 都 只 能 一 次 显示 一 条 记录 。 
DetailsView 使 用 内 置 的 表格 格式 显示 数据 ， 而 FormView 使 用 模板 来 定义 数据 的 外 观 。 

@ ”FormView 控件 : ASPNET 4.0 中 对 FormView 添加 了 一 个 新 的 RenderOuterTable 属性 。 
当 把 这 个 属性 设 为 True( 默 认 值 为 False) 时 ， 控 件 不 会 生成 包装 的 HTML <table> 元 素 ， 
这 样 就 会 生成 更 少 的 代码 和 更 清晰 的 HIML。 

@ ”DataPager 控件 : 该 控件 可 以 在 其 他 控件 上 分 页 ， 目 前 它 只 能 用 于 扩展 ListView 控件 ， 
但 随 着 NET Framework 未 来 版 本 的 发 布 ， 这 一 情况 将 会 改观 。 

3. 其 他 数据 控件 


工具 箱 中 【数据 】 类 别 中 还 有 一 个 控件 是 Chart 控件 。 它 最 初 是 作为 Visual Studio 2008 的 一 
个 增 件 发 布 的 ， 但 是 现在 已 经 完全 集成 到 了 Visual Studio 2010 中 。 它 可 用 来 绘制 从 简单 的 条 形 
图 到 3D 饼 图 和 折线 图 的 各 种 图 形 。 这 个 控件 不 在 本 书 的 讨论 范围 之 内 ， 所 以 这 里 不 再 介绍 。 
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3.4_ 使 用 数据 控件 


本 节 将 使 用 GridView、FormView 和 DetailsView 控件 以 主 -从 表 的 形式 显示 成 绩 表 、 学 生 表 
和 课程 表 中 的 数据 。 
【 例 5-3】 使 用 数据 绑 定 控件 实现 主 -从 数据 显示 。 
(1) 启动 VWD 2010， 新 建 网 站 【 例 5-3】。 
(2) 切换 到 Default.aspx 的 设计 视图 , 添加 GridView、FormView 和 DetailsView 控件 各 一 个 。 
(3) 为 GridView 控件 添加 数据 源 。 为 该 控件 新 建 数 据 源 ， 生 成 的 数据 源 代码 如 下 所 示 : 
<asp:SqlDataSource ID="SqlDataSourcel" runat="server" 
ConnectionString="<%$ ConnectionStrings:InfoManageConnectionString %>" 
SelectCommand="SELECT * FROM [Score]"></asp:SqlDataSource> 
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(4) 在 【GridView 任务 】 面 板 中 选择 【编辑 列 〗 选 项 ， 打 开 【 字 段 】 对 话 框 ， 可 以 在 该 对 话 
框 中 设置 GridView 控件 显示 的 字段 。 在 【 选 定 的 字段 】〗 列 表 中 ， 将 每 个 字段 的 HeaderText 属性 
都 改 为 中 文 ， 通 过 增加 显示 命令 按钮 列 ， 如 图 5-19 所 示 。 


可 用 字段 他 ) BoundField 属性 下 ); 
ttomidd 围 》 | 对 


CommandField 
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图 5-19 【字段 】 对 话 框 


(5) 选中 【GridView 任务 】 面 板 中 的 【启用 分 页 〗 和 【启用 排序 】 复 选 框 ， 在 【属性 】 面 板 
中 设置 控件 的 DataKeyNames 属性 为 “Sno，courseID”。 

(6) 通过 【GridView 任务 】 面 板 中 的 【自动 套用 格式 】〗 选 项 设置 控件 的 外 观 。 

(7) 为 FormView 控件 新 建 数据 源 ， 在 【配置 Select 语句 】 一 步 中 选项 Student 表 ， 然 后 单 击 
【WHERE]】〗 按钮 打开 【添加 WHERE 子 句 】 对 话 框 , 设置 【 列 】、【 运 算 符 】〗、【 源 】 和 【控件 
ID】 分 别 为 “Sno”、 “=”、 “Control” 和 “GridView”， 如 图 5-20 所 示 。 单 击 【 高 级 】〗 按 钮 ， 
在 弹出 的 对 话 框 中 选中 【生成 INSERT、UPDATE 和 DELETE 语句 】〗 复 选 框 ， 这样 就 可 以 启用 
FomView 控件 的 插入 、 更 新 和 删除 功能 了 。 生 成 的 数据 源 代码 如 下 : 

添加 WHERE 子 句 [ealedl 


[- pd HERE 子 名 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 其 刚性 苞 取 


列 @): 参数 尿 人 性 

到 本 执 件 王 

运算 罕 全 ); isi 4 
日 ~ 默认 值 ) 
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Centrol v 
SQL 囊 达 式 : 
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图 5-20 【添加 WHERE 子 句 】 对 话 杠 
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<asp:SqlDataSource ID="SqlDataSource2" runat="server" 
ConnectionString="<%$ ConnectionStrings:InfoManageConnectionString %>" 
SelectCommand="SELECT * FROM [Student] WHERE ([Sno] = @Sno)" 
ConflictDetection="CompareAllValues" 
<SelectParameters> 
<asp:ControlParameter ControlID="GridView1" Name="Sno" 
PropertyName="SelectedValue]" Type="Int32" /> 
</SelectParameters> 
</asp:SqlDataSource> 


(8) 上 述 代码 中 GridView 控件 的 SelectedValue 属性 对 应 GridView 控件 的 DataKeyNames 字 
段 的 值 ， 由 于 前 面 设置 GridView 控件 的 DataKeyNames 为 两 个 字段 ， 所 以 此 处 略 作 修改 ， 将 
<SelectParameters> 修 改 为 如 下 代码 : 


<SelectParameters> 
<asp:ControlParameter ControlID="GridView1" Name= "Sno" 
PropertyName="SelectedDataKey Values[0]" Type="Int32" /> 

</SelectParameters> 

(9) 通过 【FormView 任务 】 面 板 中 的 【编辑 模板 】 选 项 ， 将 控件 中 的 字段 信息 都 修改 为 中 
文 ， 通 过 【自动 套用 格式 〗 选 项 设置 控件 的 外 观 。 

(10) 用 类 似 的 方法 为 DetailsView 控件 添加 数据 源 ， 同 样 需要 修改 <SelectParameters> 参 数 ， 
相应 的 数据 源 代码 如 下 : 


K 
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<asp:SqlDataSource ID="SqlDataSource3" runat="server" 
ConnectionString="<%$ ConnectionStrings:InfoManageConnectionString %>" 
SelectCommand="SELECT * FROM [Course] WHERE ([courseID] = @courseID)"> 
<SelectParameters> 
<asp:ControlParameter ControlID="GridView1" Name="courseID" 
PropertyName="SelectedDataKey.Values[1]" Type="Int32" /> 
</SelectParameters> 
</asp:SqlDataSource> 


(11) 同样 也 对 DetailsView 控件 进行 编辑 模板 和 自动 套用 格式 设置 。 

(12) 至 此 已 完成 所 有 工作 ， 没 有 编写 任何 代码 ， 一 个 简单 的 主 -从 数据 显示 页 面 就 做 好 了 。 
编译 并 运行 程序 ， 查 看 效果 ， 如 果 5-21 所 示 。 

(13) 当选 择 GridView 控件 中 的 某 一 条 记录 时 ， 下 面 将 显示 该 行 记录 对 应 的 学 生 信息 和 课程 
信息 。 同 时 可 以 对 成 绩 表 中 的 数据 进行 编辑 和 删除 操作 ， 可 以 对 学 生 信 息 进行 编辑 、 删 除 和 新 建 
操作 。 


衬 漠 
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图 5-21 主 - 从 信息 表 显 示 






将 是 皇 肝 EE 


兰 


1 上 机 练习 


本 章 的 上 机 练习 主要 介绍 数据 库 中 的 事务 处 理 和 DataList 控件 的 使 用 。 


(6)4.1 事务 处 理 


对 于 数据 库 管理 系统 来 说 ， 如 果 没有 显 式 定义 事务 的 开始 和 结束 ， 就 默认 一 条 SQL 语句 为 
一 个 单独 事务 ， 多 数 情况 下 采用 这 种 默认 方式 就 足够 了 。 但 是 ， 有 时 需要 将 一 组 SQL 语句 作为 
一 个 事务 ， 要 么 全 部 执行 成 功 ， 要 么 全 部 不 执行 。 

在 ASPNET 中 ,可 以 使 用 Connection 和 Transaction 对 象 开 始 、 提 交 和 回 滚 事务 。 一 般 步骤 
如 下 : 

(1) 调用 Connection 对 象 的 BeginTransaction 方法 来 标记 事务 的 开始 ，BeginTransaction 方法 
返回 对 Transaction 的 引用 ; 

(2) 将 Transaction 对象 赋 给 Command 的 Transaction 属性 ; 

(3) 执行 事务 操作 ; 

(4) 如 果 事 务 操作 成 功 , 使 用 Transaction 对 象 的 Commit 方法 提交 事务 , 否则 , 使 用 Rollback 
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方法 回 深 事 务 。 

下 面 来 看 一 个 具体 的 实例 。 对 学 生 表 中 姓名 为 “ 葛 萌 萌 ” 的 学 生 班级 号 改 为 4;， 将 班级 号 为 
4 的 班级 名 称 为 “经 管 学 院 1101 班 ”。 

(1) 启动 VWD 2010， 新 建 网 站 【上 机 练习 5-1】. 

(2) 向 Default.aspx 页 面 中 添加 一 个 Label 控件 ， 一 个 Button 控件 ， 设 置 Button 控件 的 Text 
属性 为 “事务 提交 ” 。 

(3) 为 按钮 控件 添加 单 击 事件 处 理 程序 ， 代 码 如 下 : 





protected void Button1_Click(object sender, EventArgs ©) 

string strConnect = "Data Source=zhao\tsinghua:Initial Catalog=InfoManage:Integrated 
Security=True;user=sa;password=Sapassword"; 

SqlConnection conn = new SqlConnection(strConnect): 

conn.OpenO: 

// 开 始 事务 

SqlTransaction tran = conn.BeginTransaction(): 

SqlCommand sqlcommand = new SqlCommand("update Student set Cno=4 where Sname = ' 葛 萌 萌 ".conn): 

sqlcommand.Connection = conmn; 





基 sqlcommand.Transaction = tran: 

而 ty 

与 

实 

训 sqlcommand.ExecuteNonQueryO: 
sqlcommand.CommandText = "update Class set Cname= 经 管 学 院 1101 班 ' where Cno=4"; 
系 sqlcommand.ExecuteNonQueryO: 

列 | tran.CommitO: 


Labell.Text= "事务 提交 成 功 "; 
! 
catch (Exception ex) 
{ 
tran.RollbackO:; 
Labell.Text= "事务 提交 失败 : " + ex.Message: 
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(4) 编译 并 运行 程序 。 
G6 )4.2 ”DataList 的 数据 绑 定 


在 DataList 控件 中 可 以 实现 对 关系 数据 集 的 编辑 、 更 新 、 插入、 删除 和 分 页 等 数据 处 理 功能 。 
DataList 控件 中 通过 自 定义 模板 设置 数据 的 显示 样式 ， 它 支持 如 下 模板 类 型 。 
图 ItemTemplate: 包含 一 些 HTML 元 素 和 控件 ， 将 为 数据 源 中 的 每 一 行星 现 一 次 这 些 
HTML 元 素 和 控件 。 
@ AltematingItemTemplate; 包含 一 些 HIML 元 素 和 控件 ， 将 为 数据 源 中 的 每 两 行 呈 现 一 
次 这 些 HTML 元 素 和 控件 。 通 常 可 以 使 用 此 模板 来 为 交替 行 创建 不 同 的 外 观 ， 例 如 指 
定 一 个 与 在 IemTemplate 属性 中 指定 的 颜色 不 同 的 背景 色 。 
图 SelectedItemTemplate: 包含 一 些 元 素 ， 当 用 户 选择 DataList 控件 中 的 某 一 项 时 将 呈现 这 
些 元 素 。 通 常 可 以 使 用 此 模板 来 通过 不 同 的 背景 色 或 字体 颜色 直观 地 区 分 选 定 的 行 。 还 
可 以 通过 显示 数据 源 中 的 其 他 字段 来 展开 该 项 。 
@ EditttemTemplate: 指定 当 某 项 处 于 编辑 模式 中 时 的 布局 。 此 模板 通常 包含 一 些 编辑 控 
件 ， 如 TextBox 控件 。 
图 ”HeaderTemplate 和 FooterTemplate: 包含 在 列表 的 开始 和 结束 处 呈现 的 文本 和 控件 。 
@ ”SeparatorTemplate: 包含 在 每 项 之 间 呈 现 的 元 素 。 典 型 的 示例 可 能 是 一 条 直线 (使 用 HR 
元 素 )。 
设计 者 需要 根据 不 同 的 需要 定义 不 同类 型 的 项 模板 ，DataLis 控件 根据 项 的 运行 时 状态 自动 
加 载 相 应 的 模板 显示 数据 。 
(1) 启动 VWD 2010， 新 建 网 站 【上 机 练习 5-2】， 
(2) 向 Default.aspx 页 面 中 添加 一 个 DropDownList 控件 和 一 个 DataList 控件 。 
(3) 为 DropDownList 控件 添加 数据 源 , 该 数据 源 查 询 班级 表 Class 中 的 记录 ,设置 DropDownList 
控件 的 DataTextField 属性 为 Cname，DataValueField 属性 为 Cho， 并 启用 AutoPostBack。 
(4) 为 DataList 控件 添加 数据 源 ,查询 指定 班级 的 学 生 信息 ,在 配置 数据 源 的 Select 语句 时 ， 
添加 WHERE 子 句 ， 使 Cno 等 于 DropDownList 控件 的 选 定 值 。 
(5) 通过 【DataList 任务 】 面 板 编辑 控件 的 显示 模板 ， 只 编辑 TemTemplate 即 可 ， 使 得 每 个 
显示 项 的 名 称 均 为 中 文 ， 然 后 编辑 “性 别 ”字段 的 DataBindings， 如 图 5-22 所 示 ， 在 打开 的 
【SgenderLabel DataBindings】〗 对 话 框 中 选中 【 自 定义 绑 定 】 单 选 按钮 ， 在 【代码 表达 式 】 文 本 
框 中 输入 如 下 表达 式 ， 如 图 5-23 所 示 。 


Eval("Sgender").ToString0 一 "M" ? " 男 " : " 女 " 
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这 和 要 几 定 和 | 抽 层 住 ， 直 后 林 到 过 过 捧 地 入 未 针 定 亡 。 也 可 使 用 自 走 义 代码 和 达 式 峙 让 亡 。 
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图 5-22 编辑 IemTemplate 模板 中 的 性 别 字段 图 5-23 【SgenderLabel DataBindings】 对 话 框 


上 述 表 达 式 的 含义 是 ， 如 果 Sgender 字段 的 值 为 “M”， 则 显示 “ 男 ”， 和 否则 显示 “ 女 ”。 
这 是 因为 数据 库 中 存放 的 “性 别 ” 字 段 是 char(]) 类 型 ，“M” 表 示 男 ，“F” 表 示 女 。 
(6) 编译 并 运行 程序 ， 通 过 下 拉 列 表 选 择 班级 ，DataList 控件 将 显示 筛选 后 的 该 班级 的 学 生 


本 信息 ， 如 图 5-24 所 示 。 


http://1ocalhost:1986/ 上 机 练习 5-2/Default. aspx... | 
[+ ~ 莉 httpi//locdhost:: wt x | 于 语 

文件 全 编辑 下) 查看 WD 收藏 夫 W) 工具 I) 帮助 0 
会 安 | 舌 Mt:11leeaneatlg | 全 -加 友 - 





班级 ， 计算 机 系 9801 班 ~ 


学 号 :1 学 号 :3 

姓名 : 赵 艳 铎 Ee 墓地 荫 

了 电话 15910806516 联 系 电话 - 
北京 市 海淀 区 。 地 址 :河北 省 沧州 市 
2 班级 号 : 1 
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图 5-24 通过 DataList 控件 筛选 显示 学 生 信息 


图 5 习题 


1. 编写 程序 ， 使 用 ADO .NET 的 提供 者 对 象 查询 课程 表 中 的 所 有 课程 信息 。 
2. 如 何 使 用 ADONET 调用 存储 过 程 ? 
3. ASP.NET 提供 了 哪些 数据 源 控件 ? 
4. 编写 程序 ， 使 用 GridView 控件 显示 指定 课程 的 全 部 学 生 的 成 绩 信 息 。 
5. 要 使 用 GridView 控件 的 排序 功能 ， 需 要 设置 什么 属性 ? 
6. 对 于 简单 的 数据 绑 定 ， 必 须 调用 页 面 或 者 控件 的 什么 方法 才能 使 绑 定 生效 ? 
7. 如 果 想 以 下 列 格式 显示 数据 库 中 歌曲 流派 的 一 个 简单 列表 ， 需 要 选择 哪 种 控件 ? 
< 
<li>Punk</li> 
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8. DetailsView 控件 和 FormView 控件 有 什么 相同 点 ， 又 有 什么 区 别 ? 
9. DataKeyNames 属性 有 什么 作用 ? 








-191- 


洲 


Wl 


使 用 LINQ 


LINQ 是 一 种 与 NET Framework 中 使 用 的 编程 语言 紧密 集成 的 新 查询 语言 。 使 用 LINQ 可 以 
直接 通过 代码 查询 多 种 数据 源 中 的 数据 。 本 章 主要 介绍 了 LINQ 语言 及 其 语法 , 以 及 在 ASPNET 
项 目 中 使 用 LINQ 数据 的 许多 方法 。 通 过 本 章 的 学 习 , 读者 将 掌握 LINQ 的 基本 语法 以 及 LINQ to 
EF 的 具体 应 用 。 


人 本 章 重点 


LINQ 及 其 语法 

LINQ 的 各 种 形式 及 其 适用 场合 

了 解 ADONET Entity Framework 
使 用 EntityDataSource 控件 来 访问 EF 
ListView 控件 和 DataPage 控件 的 使 用 


© LINQ 简介 


LINQ， 即 语言 集成 查询 (Language-Integrated Query)， 是 一 种 与 .NET Framework 中 使 用 的 编 
程 语言 紧密 集成 的 新 查询 语言 。 它 使 得 用 户 可 以 像 使 用 SQL 查询 数据 库 的 数据 那样 从 NET 编程 
语言 中 查询 数据 。 事 实 上 ，LINQ 语法 部 分 模仿 了 SQL 语言 ， 它 使 得 熟悉 SQL 的 编程 人 员 更 容 
易 上 手 。 

使 用 LINQ 可 以 直接 通过 代码 查询 多 种 数据 源 中 的 数据 .LINQ 之 于 NET 应 用 程序 编程 就 像 
SQL 之 于 关系 数据 库 。 通 过 简单 的 、 声 明 性 的 语法 ， 可 以 查询 集合 中 匹配 条 件 的 对 象 。 

LINQ 并 不 只 是 NET Framework 的 一 个 增 件 。 相 反 ， 它 被 设计 和 实现 为 NET 编程 语言 中 的 

-部 分 。 这 意味 着 ，LINQ 被 真正 集成 到 .NET 中 ,为 查询 数据 提供 了 一 个 统一 的 方法 ， 而 不 管 数 
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据 的 来 源 。 另 外 ， 由 于 它 被 集成 到 语言 中 ， 而 不 是 特定 的 项 目 类 型 中 ， 所 以 可 用 于 各 种 项 目 ， 包 
括 Web 应 用 程序 、Windows Forms 应 用 程序 、Console 应 用 程序 等 。 

LINQ 相关 的 类 都 放 在 System.Ling 命名 空间 ， 所 以 要 使 用 LINQ， 必 须 引 入 该 命名 空间 : 

using System .Linq: 

由 于 LINQ 非常 强大 ， 又 极 具 潜 力 ， 因 此 它 被 集成 到 NET Framewrok 的 多 个 不 同 地 方 。 下 
面 将 介绍 不 同 的 LINQ 实现 。 


,1 , 
; LINQ 是 在 NET 3.5 以 后 引入 的 ， 所 以 在 NET 2.0 及 以 前 的 版 本 中 是 不 能 使 用 LINQ 的 。 ‘ 


(6 )1 .1 LINQ to Objects 


这 是 语言 集成 的 最 基本 形式 。 使 用 LINQ to Objects， 可 以 查询 .NET Framework 中 存在 的 几 查 
乎 所 有 集合 。 实 际 上 ， 使 用 LINQ to Objects 对 内 存 中 的 所 以 对 象 进行 简单 查询 是 非常 方便 的 。 

使 用 LINQ 的 查询 通常 由 3 个 步骤 组 成 ; 

(1) 获得 数据 源 

(2) 创建 查询 

(3) 执行 查询 

【 例 6-1)】 使 用 LINQ 查询 编号 为 奇数 的 用 户 信息 ， 本 例 用 到 了 泛 型 中 的 Dictionary<K,V> 定 

义 一 组 集合 。 

(1) 启动 VWD 2010， 新 建 网 站 【 例 6-1】.。 

(2) 在 Default.aspx 页 面 的 Load 事件 中 添加 如 下 代码 : 
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protected void Page_Load(object sender, EventArgs e) 
上 
Dictionary<int.string> user = new Dictionary<int.string>(): 
user.Add(1," 赵 艳 铎 "); 
user.Add(2. "小 石头 "); 
user.Add(3, " 葛 萌 萌 "): 
ser.Add(4, " 金 百合 "): 
Var result = from val in user 
where vaLKey%2 一 1 
select val: 
foreach(var item in result) 
{ 
Response Wiite(" 编 号 : "+ item Key +"; 姓名 : "+item Value): 
Response.Write("<br/>"): 
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} 
(3) 上 述 代码 是 查询 编号 为 奇数 的 用 户 信息 并 输出 。 编 译 并 运行 程序 ， 如 图 6-1 所 示 。 


alhost:1038/ 例 6-1/Default... 尾 | 右 | 医 





-i/Detelt up ~ 4 X 








| 文件 护 辑 四、 查看 名 收藏 天 册 工具 中 帮助 0 
宣 安 | 和 wonieeawstclo [| 全 -加 





编号 ，1， 姓名 ， 赵 艳 铎 
编号 ，3， 姓名 ， 划 靖 戎 








6-1 页 面 运行 效果 


(6 )1.2 LINQ to XML 


LINQ to XML 是 读 、 写 XML 的 一 种 新 的 NET 方法 。 现 在 ， 可 以 在 应 用 程序 中 编写 直接 针 
对 XML 的 LINQ 查询 ， 而 不 是 使 用 普通 的 XML 查询 语言 ， 如 XSLT 或 XPath。 
在 System.XmlLinq 命名 空间 中 定义 了 很 多 LINQ to XML 的 类 ， 这 些 类 的 结构 关系 如 图 6-2 


所 示 。 
XDeclaration| | XName | |XNamespace XObject 


XNode XAttribute 
































XContainer XDocumentType | |XProcessingInstruction 











XDocument | | XElement 


图 6-2 LINQ to XML 的 类 结构 关系 








其 中 XElement 类 是 LINQ to XML 中 最 基础 的 类 ， 使 用 它 可 以 创建 一 个 XML 元 素 ， 使 用 
XAttribute 类 可 以 为 元 素 添加 属性 ， 使 用 XNamespace 类 可 以 为 XML 定义 命名 空间 。 


(6 )1 .3 LINQ to ADO.NET 


ADO.NET 是 NET Framework 的 一 部 分 ， 它 允许 访问 数据 、 数 据 服务 ( 像 SQL Server) 和 其 他 
许多 不 同 的 数据 源 。 使 用 LINQ to ADO.NET， 可 以 查询 与 数据 库 相 关 的 信息 集 ， 包 括 LINQ to 
Entities、LINQ to DataSet、LINQ to SQL 和 LINQ to Entities。 
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LINQ to Entities 是 LINQ to SQL 的 超 集 ， 比 后 者 有 更 丰富 的 功能 。 不 过 ， 对 于 大 多 不 同类 型 
的 应 用 程序 来 说 ，LINQto SQL 足够 了 。 

LINQ to DataSet 允许 对 DataSet 编写 查询 。 

LINQ to SQL 允许 在 .NET 项 目 中 编写 针对 Microsoft SQL Server 数据 库 的 面向 对 象 的 查询 。 
LINQ to SQL 将 LINQ 查询 转换 为 SQL 语句 ， 然 后 再 发 送 到 数据 库 中 执行 CRUD 的 4 种 操作 。 
在 ASPNET 4.0 中 , Microsoft 已 经 表示 不 会 再 积极 开发 LINQ to SQL, 这 是 因为 LINQto SQL 与 
Entity Framework(EF) 在 功能 上 有 很 大 的 重 登 ， 在 LINQ to SQL 中 能 实现 的 操作 在 EF 中 也 能 实 
现 。 但是， 与 LINQ to SQL 相 比 ，EF 的 功能 要 强大 得 多 ， 并 且 功 能 要 丰富 得 多 。 正 因为 如 此 ， 
Entity Framework 是 比 LINQ to SQL 更 好 的 选择 。 本 章 将 重点 讨论 Entity Framework。 


(6 )1 .4_LINQ 和 泛 型 


LINQ 查询 是 建立 在 泛 型 这 种 数据 类 型 的 基础 之 上 的 ， 泛 型 是 在 .NET Framework 2.0 开始 引 
入 的 。 虽然 编程 人 员 无 须 深入 了 解 泛 型 技术 就 可 以 开始 编写 LINQ 查询 , 但 是 了 解 下 面 的 两 个 泛 
型 的 基本 概念 有 助 于 帮助 读者 理解 其 工作 原理 。 

(1) 当 创建 泛 型 集合 类 (如 List<T>) 的 实例 时 ， 需 要 将 “T” 替 换 为 集合 中 指定 的 对 象 类 型 。 
如 字符 串 集合 表示 为 List<string>。 因 为 泛 型 集合 是 强 类 型 的 ， 所 以 比 将 元 素 存储 为 Object 类 型 
的 集合 要 强大 得 多 。 如 果 使 图 将 一 个 int 类 型 的 对 象 添 加 到 List<string>， 则 会 产生 编译 错误 。 

(2) IEnumerable<T> 表 示 的 是 一 个 接口 ,通过 该 接口 可 以 使 用 foreach 语句 来 遍历 泛 型 集合 类 。 
LINQ 查询 变量 可 以 类 型 化 为 IEnumerable<T> 或 者 它 的 派生 类 ， 如 IQueryable<T> 。 

为 了 避免 使 用 泛 型 语法 ， 可 以 使 用 匿名 类 型 来 声明 查询 ， 即 使 用 var 关键 字 来 声明 查询 。var 
关键 字 指示 编译 器 通过 查看 在 from 子 句 中 指定 的 数据 来 推断 查询 变量 的 类 型 。 如 【 例 6-1】 中 声 
明 的 result 和 item 变量 。 


【6 有 尼 ADO.NET Entity Framework 


通过 使 用 ADO.NET Entity Framework(EF)， 可 以 把 许多 数据 库 对 象 (如 表 ) 转 换 成 可 以 在 代码 
中 直接 访问 的 .NET 对 象 ， 然 后 就 可 以 在 查询 中 或 者 直接 在 数据 绑 定 中 使 用 这 些 对 象 。EF 也 允许 
执行 相反 的 操作 : 首先 设计 一 个 对 象 模型 ， 然 后 让 EF 创建 必要 的 数据 库 结构 。 

使 用 EF 十 分 简单 ， 并 且 十 分 灵活 。 通 过 使 用 关系 图 设计 器 ， 可 以 将 表 等 数据 库 对 象 拖 放 到 
实体 模型 中 。 放 到 关系 图 中 的 对 象 将 成 为 可 用 的 对 象 。 例 如 ， 如 果 将 Student 表 放 到 关系 图 中 那 
么 就 将 得 到 一 个 强 类 型 的 Student 类 。 可 以 使 用 LINQ 查询 或 者 其 他 方式 创建 这 个 类 的 实例 。 

当 把 多 个 相关 的 数据 库 表 放 到 关系 图 中 时 , 设计 人 员 可 以 观察 到 表 之 间 的 关系 , 然后 在 对 和 象 
模型 中 复制 这 些 关 系 。 例 如 ， 如 果 使 用 某 些 LINQ to EF 查询 在 代码 中 创建 了 一 个 Student 实例 ， 
那么 就 可 以 访问 它 的 Cno 属性 ， 进 而 可 以 访问 Cname 等 属性 : 
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Labell.Text = student.Cno.Cname: 
类 似 地 ， 也 可 以 访问 某 个 班级 的 所 有 学 生 集 会 Sudents， 以 便 将 其 绑 定 到 数据 绑 定 控件 ; 
Repeaterl.DataSource = Class.Students; 


现在 还 不 需要 深究 这 些 语法 , 本 章 的 后 面 将 详细 介绍 它们 。 下 面 通过 一 个 具体 的 示例 来 介绍 
如 何 通过 EF 把 数据 模型 映射 到 对 象 模型 。 

【 例 6-2】 创建 ADONET 实体 数据 模型 ， 通 过 LINQ 查询 来 访问 底层 表 中 的 数据 。 

(1) 启动 VWD 2010， 新 建 网 站 【 例 6-2】。 

(2) 在 【解决 方案 资源 管理 器 〗 面 板 中 右 击 项 目 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 
命令 ， 然 后 选择 【ADO.NET 实体 数据 模型 】〗 模 板 ， 默 认 名 称 为 ModeLedmx， 单 击 【添加 】 按 
钮 将 其 添加 到 项 目 中 。 此 时 会 弹出 如 图 6-3 所 示 的 提示 框 ， 提 示 该 类 文件 通常 放 在 App_Code 
文件 夹 中 ， 单 击 【 是 】〗 按 钮 将 其 放 在 App_Code 文件 夹 中 。 也 可 以 直接 在 App_Code 文件 夹 上 
单 击 息 标 右 击 添加 。 








CHO Cs 了 ] 
图 6-3 LINQ to XML 的 类 结构 关系 














(3) 系统 将 启动 【实体 数据 模型 向 导 】〗， 第 一 步 是 【选择 模型 内 容 〗， 如 图 6-4 所 示 。 选择 
【从 数据 库 生 成 〗 选 项 ， 然 后 单 击 【下 一 步 〗 按 钮 。 


实体 数据 模型 向 导 


杭 型 才 包 令 归 些 内 雁 (本 了 


DT 悠 也 可 以 通过 此 向 导 指定 数据 库 演 接 和 要 





图 6-4 【选择 模型 内 容 】 对 话 框 
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(4) 在 【选择 您 的 数据 连接 〗 对 话 框 中 ， 从 下 拉 列 表 框 中 选择 上 一 章 中 使 用 的 InfoManage 
数据 库 连 接 ， 并 选中 【将 Web.Config 中 的 实体 连接 设置 另存 为 了】 复 选 框 ， 如 图 6-5 所 示 。 


实体 数据 模型 向 导 


人 al esdl res:717App_Code Nodel ss 于 |res:7797App_c “| 
过 a es lat SalClient; provider connection strine ‘Dat 
tte Tnitial Catalog-Infolanage; Integrated Security=Troe 





回 将 Yeb. Config 中 的 实体 连接 设置 另存 为 GE): 
ea 





《< 上- 步 ®) [一步 如 > 





图 6-5 【选择 模型 内 容 】 对 话 框 


(5) 单 击 【下 一 步 〗 按 钮 进入 【选择 数据 库 对 象 〗 对 话 框 ， 在 该 对 话 框 中 ， 选 择 表 Class 和 
Student。 该 对 话 框 下 面 有 两 个 复 选 框 ， 第 一 个 表示 在 模型 中 自动 将 所 有 名 称 转换 为 单数 或 者 复 
数 形式 ， 第 二 个 是 在 模型 中 加 入 外 键 列 ， 选 中 这 两 个 复 选 框 可 以 确保 生成 的 对 象 模型 中 保留 了 
表 之 间 的 关系 ， 如 图 6-6 所 示 。 如 果 没 有 选中 模型 中 自动 将 名 称 转换 为 单数 或 者 复数 的 复 选 框 ， 
则 需要 在 生成 模型 以 后 手动 进行 修改 。 另 外 ， 此 处 的 模型 命名 空间 需要 记 住 ， 稍 后 编写 代码 时 
需要 引用 该 命名 空间 。 


实体 数据 模型 向导 


上 >meem 
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图 6-6 【选择 数据 库 对 象 】 对 话 框 
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(06) 单 击 【 完 成 】 按 钮 即 可 将 模型 添加 到 站 点 中 。VWD 将 添加 一 个 Model.edmx 文件 和 
Model.designer.cs 后 台 代 码 文件 ， 然 后 在 主编 辑 器 窗口 中 打开 【实体 设计 器 〗， 如 图 6-7 所 示 。 

这 个 关系 图 显示 了 基于 数据 库 表 生成 的 类 ， 两 个 类 之 间 的 线 表 示 了 底层 表 之 间 的 关系 。 二 
者 是 一 对 多 的 关系 ， 即 一 个 班级 中 可 以 有 多 个 学 生 ， 而 每 个 学 生 只 能 归属 一 个 班级 。 所 以 上 图 
中 Class 类 的 导航 属性 是 Students( 复 数 )，Student 的 导航 属性 是 Class( 单 数 )。 


如 提示 
如 果 前 面 没 有 选中 自动 将 名 称 转换 为 单数 或 者 复数 的 复 选 框 ， 那 么 在 此 可 以 分 别 选 中 生成 的 类 ， 然 后 在 
【属性 】 面 板 中 将 【实体 集 名 称 】 改 为 复数 形式 ; 然后 ， 在 类 图 中 将 导航 属性 重 命名 为 复数 形式 。 导 航 属性 





的 修改 需要 根据 具体 的 关系 ， 对 于 一 对 多 的 关系 中 的 “1” 方 不 用 修改 为 复数 ， 而 【实体 集 名 称 】 则 是 所 有 
都 要 修改 。 


(7) 在 Defaultaspx 页 面 中 添加 一 个 DropDownList 控件 和 一 个 GridView 控件 ， 设 置 
DropDownList 控件 的 AutoPostBack 属性 为 True。 

(8) 在 页 面 的 Load 事件 处 理 程序 中 设置 DropDownList 控件 的 数据 源 为 班级 信息 ， 添 加 如 
下 代码 : 


鸣 





基 protected void Page Load(object sender. EventArgs e) 

础 GE 

有 if (!Page.IsPostBack) 

训 { 

教 using (InfoManageEntities myEntity = new InfoManageEntities()) 
9 

列 var allClass = from c in myEntity.Classes 


Select c; 
DropDownList1.DataSource = allClass; 
DropDownListl.DataTextField = "Cname": 
DropDownListl.DataValueField = "Cno": 
DropDownList1.DataBindO: 


当 输 入 InfoManageEntities 时 会 显示 一 个 错误 ， 因 为 它 是 定义 在 作用 域 之 外 的 一 个 命名 空间 中 的 。 这 时 


需要 在 文件 顶部 引入 图 6-6 中 提 到 的 命名 空间 Using InfoManageModel:。 





(9) 添加 DropDownList 控件 的 SelectedIndexChanged 事件 处 理 程序 ， 代 码 如 下 : 
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a 


Protected void DropDownList]_SelectedIndexChanged(object sender, EventArgs e) 
本 
int cno = Int32.Parse(DropDownList] .SelectedValue): 
Using (InfoManageEntities myEntity = new InfoManageEntitiesO) 
{ 
Var stu = from student in myEntity. Students 
where student.Cno 一 cno 
select student: 
GridView1.DataSource = stu; 
GridView1.DataBind():; 


} 


(10) 编译 并 运行 程序 ， 在 默认 浏览 器 中 加 载 Default.aspx 页 面 ， 在 下 拉 列 表 中 选择 某 个 班 
级 ， 下 方 的 GridView 控件 中 将 显示 相应 班级 的 学 生 信息 ， 如 图 6-8 所 示 。 


lhozt:1036/ 例 6-2/Defaut..。 属 | 回 | 了 区 ] 
GO Bo/ sl x 
文件 四 编辑 中 查看 收藏 兴 WW 工具) 玫 助 0 
窜 安 其 http://ocubost:10 | 合生 


加 








计算 机 系 9801 班 Y 
Sno Sname 


了 staephone Sgender Stelephone Saddress Cno 
1 赵 艳 铎 M 15910806516 北京 市 海淀 区 1 


本 ssatress 
















了 ;| 3 市 1 
本 本 地 Intranet 一 loox ”| 
图 6-7 生成 的 实体 对 象 模型 关系 图 图 6.8 “显示 指定 班级 的 学 生 信息 


通过 这 个 例子 可 以 看 出 , EF 提供 了 一 个 对 象 关 系 设计 器 (可 以 通过 VWD 访问 ), 允许 基于 数 
据 库 的 表 创建 一 个 可 通过 代码 访问 的 对 象 模 型 。 只 要 将 表 拖 至 该 设计 器 ，VWD 就 会 创建 可 用 于 
访问 数据 库 中 底层 数据 的 代码 ， 而 无 需 自 己 编写 大 量 代码 。 拖 至 设计 器 上 的 类 存储 在 .edmx 文件 
和 其 后 台 代码 文件 中 。 设 计 器 文 包含 了 一 个 继承 自 ObjectContext 的 类 ， 而 ObjectContext 是 EF 
中 提供 对 数据 库 进 行 访问 的 主要 实体 。 

在 生成 模型 后 ， 对 其 执行 LINQ 查询 ， 从 而 从 底层 数据 库 中 获取 数据 。 要 访问 这 些 数据 ， 需 
要 一 个 ObjectContext 类 的 实例 ， 这 在 代码 的 using 块 中 创建 。using 中 包装 的 代码 用 于 创建 在 用 
完 后 必须 释放 (从 内 存 中 清除 ) 的 变量 。 由 于 myEntity 保存 了 到 SQL Server 数据 库 的 连接 , 因此 将 
使 用 它 的 代码 包装 到 using 块 中 ， 这 样 对 象 会 在 块 的 末尾 销毁 。 

















@@.3 LINQ 查询 语 ; 





前 面 的 例子 中 使 用 了 简单 的 LINQ 查询 , LINQ 的 查询 能 力 远 高 于 此 。 本 节 将 重点 介绍 LINQ 


兰 将 灯 华 旱 
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查询 语法 。 需 要 注意 的 是 : LINQ 语法 并 不 是 专门 为 Entity Framework 设计 的 。 下 面 介绍 的 大 多 
数 LINQ 概念 同样 适用 于 其 他 LINQ 实现 ， 如 LINQ to Objects 和 LINQ to ADONET 等 。 


(6 )3.1 基本 语法 


LINQ 支持 大 量 的 查询 操作 符 一 一 可 用 于 选择 、 排 序 或 筛选 从 查询 返回 的 数据 的 关键 字 。 尽 
管 本 章 所 有 示例 是 在 LINQ to EF 的 背景 下 讨论 的 ， 但 也 可 以 将 它们 应 用 到 其 他 LINQ 实现 中 。 
接 下 来 将 通过 示例 介绍 一 些 最 为 重要 的 标准 查询 操作 符 。 每 个 示例 都 使 用 对 象 模型 和 【 例 6-2】 
中 创建 的 名 为 myEntity 的 ObjectContext 对 象 作为 查询 的 数据 源 。 


1.from 
LINQ 查询 表达 式 必须 以 from 子 名 开头。 尽管 from 子 句 不 能 算是 标准 查询 操作 符 ， 因 为 它 
并 不 对 数据 进行 操作 而 是 指向 数据 ,但 它 是 LINQ 查询 中 的 一 个 重要 元 素 ， 因 为 它 定义 了 查询 所 
执行 的 集合 或 数据 源 。 
2. select 
select 关键 字 用 于 从 查询 的 源 中 检索 对 象 。 在 这 个 示例 中 ， 可 看 到 如 何 选择 已 有 类 型 的 一 个 
对 象 。 
var allClass = from cin myEntity.Classes 
select c; 
这 一 示例 中 的 变量 < 指 范围 变量 (range variablej， 它 只 在 当前 查询 中 可 用 。 通 常 在 fom 子 句 
中 引入 范围 变量 ， 然 后 在 where 和 select 子 句 再 次 使 用 它 来 筛选 数据 ， 表 明 要 选择 的 数据 。 尽 管 
对 于 它 可 采用 任意 的 名 称 ， 但 通常 看 到 的 都 是 单个 字母 的 变量 ， 如 c， 或 所 查询 集合 的 单数 形式 
student。 
3. where 
和 SQL 中 的 WHERE 子 句 一样 , LINQ 中 的 where 子 句 允 许 筛选 查询 返回 的 对 象 。 下 列 的 查 
询 将 返回 指定 班级 的 学 生 : 
var stu = from student in myEntity. Students 
where student.Cno 一 cno 
select student: 


4. orderby 


使 用 orderby 可 以 对 结果 集合 中 的 项 进行 排序 。orderby 后 面 可 以 通过 逗号 分 隔 来 指定 多 个 条 
件 。 紧 跟着 的 是 可 选 的 用 来 指定 排序 顺序 的 ascending( 升 序 ) 和 descending( 降 序 ) 关 键 字 ， 默 认 排 
序 方式 为 升序 。 例 如 下 列 的 查询 将 把 结果 按 Sname 列 降序 排列 : 
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var stu =from student in myEntity. Students 
where student.Cno 一 cno 
orderby student Sname descending 
select student: 


5. Sum、Min、Max、Average 和 Count 


这 些 聚 集运 算 符 允许 在 结果 集中 的 对 象 上 进行 数学 计算 。Sum 是 求 和 运算 符 ; Min 是 求 最 小 
值 运算 符 ，Max 是 求 最 大 值 运算 符 ，Average 是 求 平 均值 运算 符 ，Count 是 计数 运算 符 。 例 如 ， 
要 检索 指定 班级 的 学 生 人 数 ， 可 以 执行 如 下 查询 : 
Var stu = (from student in myEntity. Students 
Where student.Cno 一 cno 


orderby student.Sname descending 
select studenb.CountO: 


6. Take、Skip、TakeWhile 和 SkipWhile 


Take 和 Skip 允许 在 结果 集中 作 子 选择 。 这 很 适用 于 分 页 情况 , 其 中 只 检索 当前 页 面 的 记录 。 
Take 从 结果 集中 获取 所 请 求 数量 的 元 素 ， 然 后 忽略 其 余 的 ， 而 Skip 则 相反 ， 它 跳 过 请 求 数量 的 
元 素 ， 然 后 返回 其 余 的 。 

在 EF 中 ，Take 和 Skip 操作 符 也 被 转换 为 SQL 语句 。 这 意味 着 分 页 是 在 数据 库 级 发 生 的 ， 
而 不 是 在 ASPNET 页 面 中 。 这 大 大 增强 了 查询 的 性 能 , 特别 是 对 于 一 些 较 大 的 结果 集 更 是 如 此 ， 
因为 不 是 所 有 的 元 素 都 必须 从 数据 库 转移 到 ASPNET 页 面 中 。 


一 知识 点 
要 想 使 用 Skip， 必 须 在 跳 过 指定 数量 的 记录 之 前 ,向 查询 中 添加 一 个 orderby 子 句 来 对 结果 进行 排序 。 
如 果 不 显 式 地 添加 orderby 子 句 ， 数 据 库 就 可 能 以 无 法 预知 的 顺序 返回 结果 ， 因 此 ， 在 LINQ 查询 中 添加 





orderby 动作 有 助 于 从 Skip 方法 获得 一 致 的 结果 ， 因 为 在 跳 过 和 获取 记录 之 前 ， 会 先 对 它们 进行 排序 。 


下 面 的 例子 显示 了 如 何 检索 第 二 页 的 记录 ， 假 定 页 面 大 小 为 10。 


var stu = (from student in myEntity. Students 
orderby student.Sname descending 
select student). Skip(10).Take(10): 


和 Count 一 样 ， 该 查询 也 被 括 在 一 对 括号 中 ， 然 后 调用 Skip 和 Take 来 获取 请 求 的 记录 。 
TakeWhile 和 SkipWhile 查询 操作 符 的 工作 方式 类 似 ， 但 允许 在 特定 条 件 满足 时 获取 或 跳 过 
- 些 记 录 。 遗 憾 的 是 ， 在 EF 中 无 法 使 用 它们 ， 但 是 通常 可 以 通过 给 查询 添加 一 个 简单 的 Where 
子 句 来 解决 这 个 问题 。 


将 是 空 盯 
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7. Single 和 SingleOrDefault 


Single 和 SingleOrDefault 操作 符 允 许 返 回 单个 对 象 作 为 强 类 型 化 实例 。 如 果 已 知 查询 只 返回 
-条 记录 ， 将 很 有 用 ; 例如 ， 通 过 Sno 查询 学 生 信息 : 
Var stu = (from student in myEntity. Students 
Where student.Sno 一 1 
select student).SingleO: 
如 果 请 求 的 项 未 找到 或 是 查询 返回 多 个 实例 ，Single 操作 符 就 会 引发 异常 。 如 果 想 让 该 方法 
返回 null( 没 找到 )， 或 是 返回 相关 数据 类 型 的 默认 值 (如 Integer 型 的 0、Boolean 型 的 False 等 )， 
则 使 用 SingleOrDefault。 


写 提示 
即使 查询 结果 只 有 一 条 记录 ， 如 果 未 调用 Single， 则 仍 会 返回 一 个 列表 集合 。 通 过 使 用 Single， 可 强制 





结果 集 为 所 查询 类 型 的 单个 实例 。 


8. First、FirstOrDefault、Last 和 LastOrDefault 


这 些 操作 符 允 许 返 回 特定 对 象 序列 对 象 中 的 第 一 个 或 最 后 一 个 元 素 。 和 Single 方法 一 样 , 如 
果 集 合 为 室 ，First 和 Last 就 会 抛 出 异常 ， 而 FirstOrDefault 和 LastOrDefault 则 返回 相关 数据 类 型 
的 默认 值 。 

与 Single 不 同 的 是 ， 当 查询 返回 多 个 项 时 ，First、FirstOrDefault、Last 和 LastOrDefault 操作 
符 并 不 抛 出 异常 。 

但 是 ， EF 中 并 不 支持 Last 和 LastOrDefault 查询 。 不 过 ， 通 过 使 用 First 和 降序 排列 可 以 实 
现 与 之 相同 的 操作 。 


( 6 )3.2 用 匿名 类 型 定型 数据 


到 目前 为 止 ， 在 前 面 几 节 中 看 到 的 查询 都 返回 的 是 全 类 型 。 即 ， 查 询 返 回 了 一 个 Student 实 
例 的 列表 (例如 select 方法 或 是 一 个 数值 (如 Counb。 

不 过 ， 有 的 时 候 我 们 不 需要 这 些 对象 的 所 有 信息 , 或 者 想 对 某 些 信息 进行 映射 或 转换 。 例 如 
在 例 6-2 中 ， 希 望 在 GridView 的 标题 列 显示 中 文 描述 信息 ， 在 “性 别 ” 列 显示 “ 男 ” 或 “ 女 ”。 
这 时 ， 可 以 通过 匿名 类 型 (anonymous type) 来 重新 定义 要 显示 的 列 。 

匿名 类 型 是 一 种 不 需要 像 使 用 其 他 类 型 (如 类 ) 时 那样 预先 定义 名 称 的 类 型 。 而 是 可 以 通过 选 
择 数据 ， 然 后 让 编译 器 推断 其 类 型 来 进行 构造 。 

创建 匿名 类 型 很 简单 ， 不 需要 使 用 像 select student 这 样 的 语句 选择 实际 的 对 象 ， 而 是 使 用 
new 关键 字 ， 然 后 在 一 对 花 括号 中 定义 要 选择 的 属性 。 例 如 : 
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Var stu = from student in myEntity.Students 
where studentCno 一 cno 
select new {studnet.Sno.student. Sname}: 


尽管 这 一 类 型 是 匿名 的 ,不 能 通过 名 称 直接 访问 , 但 编译 器 仍 能 推断 其 类 型 ,对 于 在 查询 中 
选择 的 新 属性 提供 了 完全 智能 识别 感知 功能 。 

除了 直接 选择 已 有 属性 外 ， 还 可 以 创建 属性 值 并 提供 不 同 的 名 称 。 例 如 ， 修 改 【 例 6-2】 中 
查询 学 生 信息 的 LINQ 语句 ， 创 建 一 个 新 的 匿名 类 型 ， 重 命名 所 有 列 ， 在 “性 别 ” 列 显示 “ 男 ” 
或 “ 女 ”， 并 在 “班级 ” 列 显示 班 级 名 称 。 修 改 后 的 代码 如 下 : 


protected void DropDownList]_SelectedIndexChanged(object sender, EventArgs e) 
{ 





int cno = Int32.Parse(DropDownListl.SelectedValue); 
using (InfoManageEntities myEntity = new InfoManageEntitiesO) 
{ 
Var stu = from student in myEntity. Students 
Where student.Cno 一 cno 
select new 
{ 
学 号 = student.Sno、 
姓名 =student.Sname. 
性 别 = (student.Sgender 一 "M"?" 男 "…" 女 "), 
联系 电话 = student.Stelephone、 
地 址 = student.Saddress, 
班级 =student.Class.Cname 
| 六 
GridView1.DataSource = stu; 
GridView1.DataBindO: 


} 
页 面 的 运行 效果 如 图 6-9 所 示 。 


http://10 
匡 - —— ED 对 
文件 下 办 得 四) 查看 中。 收 三 天 工具 中 帮助 D 
宽 安 大 http:/locuhestlo 








班级 ， 计算 机 系 9801 班 ~ 
学 号 姓名 性 别 联系 电话 班级 | 
1 。” 赵 艳 铎 男 64 可 
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图 6-9 使 用 匿名 类 定型 数据 后 的 效果 
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+ 使 用 数据 控件 和 LINQ 


在 前 面 的 例子 中 ， 将 LINQ 查询 的 结果 指派 给 控件 的 DataSource 属性 ， 然 后 调用 DataBind 
方法 即 可 显示 在 页 面 中 。 但 是 ， 这 种 方法 只 能 显示 数据 ， 它 不 支持 直接 编辑 、 更 新 和 删除 数据 。 
本 节 将 介绍 EntityDataSource 控件 和 数据 控件 的 绑 定 ， 使 用 这 些 控件 可 以 很 容易 地 实现 编辑 、 更 
新 和 删除 功能 。 


4.1 EntityDataSource 控件 


EntityDataSource 和 SqlDataSource 及 其 他 数据 源 控件 类 似 。 EntityDataSource 控件 之 于 EF 就 
像 SqlDataSource 控件 之 于 基于 SQL 的 数据 源 : 它 提供 了 一 个 声明 性 的 方法 来 访问 支持 LINQ 的 
数据 源 模型 。 和 SqlDataSource 控件 一 样 ， EntityDataSource 提供 了 对 CRUD 操作 的 轻松 访问 ， 
另外 使 数据 排序 和 筛选 也 变 得 非常 简单 。EntityDataSource 控件 的 主要 属性 如 表 6-1 所 示 。 


表 6-1 EntityDataSource 控件 的 主要 属性 


属 性 描 述 
EnableDelete 表明 确定 控件 是 否 提供 自动 插入 、 更 新 和 删除 功能 。 如 果 启 用 ， 可 以 结合 使 用 该 控件 和 数 
EnableInsert 据 绑 定 控件 (如 GridView 或 ListView) 来 支持 数据 管理 。 后 面 会 介绍 其 应 用 


EnableUpdate 


控件 将 使 用 的 ObjectContext 类 的 名 称 。 在 本 书 的 示例 中 ， 这 个 类 型 名 为 PlanetWrox 
ContextTypeName 





DataContextEntities 
EntitySetName 想 使 用 的 EF 关系 图 中 的 表 实 体 集 名 ， 如 Reviews 
Select 允许 定义 EntityDataSource 控件 对 模型 触发 的 查询 。 每 个 属性 都 映射 到 前 面 见 到 过 的 一 个 
OrderBy 查询 操作 
Where 


和 数据 绑 定 控件 一 起 ， EntityDataSource 通过 EF 提供 了 对 底层 SQL Server 数据 库 的 完全 访 

问 。【 例 6-3】 将 显示 了 如 何在 ASPX 页 面 中 使 用 该 控件 。 
【 例 6-3】 使 用 EntityDataSource 作为 数据 控件 的 数据 源 。 

(1) 启动 VWD 2010， 新 建 网 站 【 例 6-3】。 

(2) 按 例 6-2 介绍 的 方法 添加 【ADO.NET 实体 数据 模型 〗Modeledmx， 在 【选择 数据 库 对 
象 】 一 步 中 ， 选 择 Score 和 Student 表 。 

(3) 在 Default.aspx 页 面 的 设计 视图 中 添加 一 个 EntityDataSource 控件 , 在 [EntityDataSource 
任务 〗 面 板 中 单 击 【 配 置 数据 源 〗 链 接 ， 开 始 配置 数据 源 。 

(4) 第 一 步 是 【配置 ObjectContext〗， 在 此 选择 刚 创建 的 实体 数据 模型 的 命名 连接 
InfoManageEntities， 如 图 6-10 所 示 。 


配置 数据 源 一 Entity 





图 6-10 【配置 ObjectContext】 对 话 框 


(5) 单 击 【 下 一 步 】 按 钮 ， 在 【配置 数据 选择 】 对 话 框 中 选择 Students 实体 集 ， 并 选中 下 
面 的 3 个 复 选 框 ， 如 图 6-11 所 示 。 





图 6-11 【配置 数据 选择 】 对 话 框 


(6) 单 击 【完成 】 按 钮 ， 完 成 数据 源 的 配置 。 
(7) 在 Defaultaspx 页 面 中 添加 一 个 DetailsView 控件 。 设 置 控件 的 数据 源 为 前 面 创建 的 数 
据 源 EntityDataSourcel， 并 选中 【DetailsView 任务 】 面 板 中 的 【启用 分 页 〗、【 启 用 插入 】、 
【启用 编辑 】 和 【启用 删除 〗】 复 选 框 ， 然 后 通过 【编辑 字段 〗 选 项 ， 编 辑 各 列 的 HeaderText 属 
性 为 中 文 描述 。 
(8) 无 须 编写 任何 代码 , 编译 并 运行 程序 , 在 浏览 器 中 加 载 Default.aspx 页 面 ,效果 如 图 6-12 
所 示 。 
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图 6-12 页 面 运行 效果 


通过 这 个 示例 可 以 看 出 ,创建 和 使 用 EntityDataSource 数据 源 控件 和 事业 SqlDataSource 控件 
- 样 简单 。 下 一 节 将 介绍 使 用 ListView 和 DataPager 控件 显示 指定 学 生 的 成 绩 信息 。 


(6)4.2 使 用 ListView 和 DataPager 控 件 


ListView 控件 结合 了 GridView 丰富 的 功能 集 和 对 Repeater 提供 的 对 标记 的 控制 功能 ， 并 且 
还 具有 DetailsView 的 插入 行为 .ListView 使 得 可 以 以 不 同 的 格式 显示 数据 ,包括 网 格 ( 像 GridView 
那样 的 行 和 列 )、 项 目 符号 列表 、 流 格式 等 。 

ListView 通过 模板 来 显示 和 管理 其 数据 。 所 有 可 用 的 模板 如 表 6-2 所 示 。 


表 6-2 ListView 控件 的 可 用 模板 





作为 控件 的 容器 。 它 使 得 可 定义 一 个 放置 单独 数据 项 的 位 置 ,然后 通过 TtemTemplate 
和 AltematingItemTemplate 表示 的 数据 项 作为 该 容器 的 子 元 素 添加 
定义 控件 的 只 读 模式 。 当 一 起 使 用 时 ， 它 们 可 以 创建 一 种 “斑马 纹 效果 ”， 其 中 奇 
偶 行 有 着 不 同 的 外 观 (通常 是 不 同 的 背景 色 ) 
允许 定义 当前 活动 的 或 选择 的 项 的 外 观 











<LayoutTemplate> 





<ItemTemplate> 














<InsertItemTemplate> 这 两 个 模板 允许 定义 用 于 插入 和 更 新 列表 中 的 项 的 用 户 界面 。 通 常 ， 放 置 文本 框 、 
<EditltemTemplate> 下 拉 列 表 和 其 他 服务 器 控件 等 到 这 些 模板 中 ， 将 它们 与 底层 数据 源 绑 定 
<ItemSeparatorTemplate> | 定义 放置 在 列表 中 项 之 间 的 标记 。 可 用 于 在 项 之 间 添加 线 、 图 像 或 其 他 标记 
<EmptyDataTemplate> 在 控件 中 没有 数据 显示 时 显示 。 可 以 添加 文本 或 其 他 标记 ， 告 诉 用 户 无 数据 显示 
<GroupTemplate> 在 高 级 表现 场景 中 使 用 ， 其 中 数据 可 呈现 在 不 同 的 组 中 


<GroupSeparatorTemplate> 
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尽管 这 些 模板 看 上 去 让 人 觉得 需要 编写 大 量 代 码 来 使 用 ListView， 但 事实 并 非 如 此 。 首 先 ， 
VWD 2010 根据 一 些 控件 (如 EntityDataSource) 提 供 的 数据 ， 创 建 了 大 部 分 的 代码 ; 其 次 ， 并 不 总 
是 需要 所 有 的 模板 ， 这 就 可 以 最 小 化 控件 所 需 的 代码 。 

除了 模板 之 外 ，ListView 控件 还 有 很 多 属性 ， 可 以 通过 对 其 进行 设置 来 影响 控件 的 行为 ， 如 
表 6-3 所 示 列 出 了 ListView 控件 的 主要 属性 。 

表 6-3 ListView 控件 的 主要 属性 

模 板 描述 
放置 在 LayoutTemplate 中 的 服务 器 端 控件 的 ID。 当 该 属性 引用 的 控件 在 屏幕 上 显示 时 ， 
将 由 所 有 重复 的 数据 项 取代 。 它 可 以 是 一 个 真正 的 服务 器 控件 ， 如 <asp:PlaceHolder>; 或 
ItemPlaceholderID | 者 是 一 个 简单 的 HTML 元 素 ， 带 有 一 个 有 效 的 ID， 其 munat 特性 设置 为 server( 例 如 <ul 
runat="server”id=”MainList”></ul>)。 如 果 不 设置 该 属性 ，ASP.NET 会 尝试 找到 ID 为 
itemPlaceholder 的 控件 并 使 用 该 控件 

DataSourceID 页 面 上 数据 源 控件 的 也， 如 EntityDataSource 或 SqlDataSource 控件 

这 一 属性 的 枚 举 包括 3 个 值 (None、FirstItem 和 LastItem), 允许 用 于 确定 InsertItem Template 
的 位 置 ;在 列表 的 开始 或 未 尾 ， 或 者 不 可 见 





JInsertItemPosition 





和 其 他 数据 绑 定 控件 一 样 ，ListView 也 有 大 量 的 在 控件 生命 周期 的 特定 时 间 触 发 的 事件 。 例 
如 ， 它 有 在 项 插入 到 底层 数据 源 前 后 触发 的 IemInserting 和 ItemInserted 事件 。 类 似 地 ， 也 有 在 
更 新 和 删除 数据 前 后 触发 的 事件 。 

ListView 控件 的 分 页 功能 是 通过 DataPager 控件 实现 的 .DataPager 控件 是 ASPNET 3.5 引入 
的 控件 ， 可 用 它 来 扩展 另 一 个 数据 绑 定 的 控件 。 目 前 ， 只 允许 使 用 DataPager 为 ListView 控件 提 
供 分 页 功能 。 

有 两 种 方法 将 DataPager 与 ListView 控件 关联 : 可 以 在 ListView 控件 的 <LayoutTemplate> 中 
定义 它 ， 或 是 完全 在 ListView 的 外 部 定义 它 。 在 第 一 种 情况 下 ，DataPager 知道 应 自动 为 给 哪个 
控件 提供 分 页 功能 。 在 第 二 种 情况 下 ， 需 要 将 DataPager 的 PagedControlID 属性 设置 为 有 效 
ListView 控件 的 ID。 下 面 将 介绍 如 何 结合 ListView 配置 和 使 用 DataPager。 

【 例 6-4) 在 【 例 6-3】 的 基础 上 ， 使 用 ListView 控件 和 DataPager 控件 分 页 显示 当前 学 生 的 
成 绩 信息 。 

(1) 启动 VWD 2010， 打 开 网 站 【 例 6-3】。 

(2) 向 Default.aspx 页 面 中 添加 一 个 ListView 控件 ， 然 后 为 其 配置 数据 源 ， 选 择 【< 新 建 数 
据 源 >】 选 项 ， 启 动 数据 源 配 置 向 导 。 

(3) 在 【选择 数据 源 类 型 〗 对 话 框 中 选择 【Entity】 类 型 ， 与 配置 EntityDataSourcel 类 似 ， 
所 不 同 的 是 这 次 选择 的 实体 集 是 Scores。 

(4) 配置 完 数据 源 以 后 ， 选 中 刚 创建 的 数据 源 EntityDataSource2， 在 【属性 】 面 板 中 单 击 

“Where” 属 性 后 面 的 【...〗 按 钮 ， 打 开 【 表 达 式 编辑 器 〗 对 话 框 ， 在 该 对 话 框 中 选中 【基于 





KC 


基 
础 
与 
实 


兰 





涩 测 坟 尖 





=<207- 


/a\ 

\ 页 | ASP.NET 4.0 动态 网 站 开发 实用 教程 

NN 、 
提供 的 参数 自动 生成 Where 表达 式 】〗 复 选 框 ， 然 后 单 击 【 添 加 参数 】〗 按 钮 ， 添 加 参数 Sno， 设 
置 【参数 源 】〗 为 DetailsView 控件 ， 如 图 6-13 所 示 ， 生 成 的 数据 源 控件 的 代码 如 下 所 示 。 








Detsilsyierl 
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图 6-13 【表达 式 编辑 器 】 对 话 框 
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<asp:EntityDataSource ID="EntityDataSource2" rmunat="server" 
AutoGenerateWhereClause="True" ConnectionString="name=InfoManageEntities" 
DefaultContainerName="InfoManageEntities" EnableDelete="True" 
EnableFlattening="False" EnableInsert="True" EnableUpdate="True" 
EntitySetName="Scores" Where=""> 
<WhereParameters> 

<asp:ControlParameter ControlID="DetailsView1" DefaultValue="-1" 
Name="Sno" PropertyName="SelectedValue" /> 

</WhereParameters> 

</asp:EntityDataSource> 


(5) 在 【ListView 任务 】 面 板 上 选择 【配置 ListView]】 选项 。 出 现 的 对 话 框 允许 选择 控件 
的 布局 、 样 式 和 是 否 启用 插入 、 更 新 和 分 页 等 操作 。 布 局 选择 【网 格 〗】， 样 式 选 择 【 专 业 型 】， 
同时 选中 【启用 编辑 】、【 启 用 插入 】〗、【 启 用 删除 〗 和 【启用 分 页 】〗 复 选 框 。 单 击 【确定 】 
按钮 关闭 该 对 话 框 。 如 果 有 对 话 框 询问 是 否 想 重新 生成 ListView 控件 ， 则 单 击 【是 〗 按 钮 。 

(6) 切换 至 源 视图 ， 人 删除 所 有 模板 中 的 <Student> 列 ， 修 改 LayoutTemplate 模板 中 的 列 标题 
为 中 文 描述 。 

(7) 定位 到 LayoutTemplate 标记 ， 找 到 其 中 的 DataPager 控件 的 定义 ， 添 加 一 个 PageSize 
特性 并 设置 其 值 为 3。 代码 如 下 所 示 : 
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<asp:DataPager ID="DataPagerl1" runat="server" PageSize="3"> 
<Fields> 
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
ShowLastPageButton="True" /> 
</Fields> 
</asp:DataPager> 


一 知识 点 
DataPager 控件 的 PageSize 属性 默认 值 为 10， 因 为 数据 库 中 记录 少 于 10 条 ， 为 了 演示 分 页 功能 此 处 





将 其 设置 其 为 3。 


(8) 编译 并 运行 程序 ， 页 面 运行 效果 如 图 6-14 所 示 。 
httpz//localhostz1080/ 例 6-3/Default- aspx - Windows Internet Exp.-。 必 
GO Bw /es vs x (Bs 
文件 四 ”编辑 到 查看 WD 收 庆 天 工具 中 帮助 中 
富安 大 httpi//locdhost:lo0 /WE .. | 从 -上 园 - 友 -局 了 6 口 - 合 IRO- 
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图 6-14 页 面 运行 效果 


本 例 中 DetailsView 控件 支持 插入 、 编 辑 、 删 除 和 分 页 功能 ， 通 过 页 码 选择 不 同 的 学 生 ， 下 
面 的 ListView 控件 将 显示 该 学 生 的 成 绩 信息 。ListView 控件 也 支持 插入 、 编 辑 、 删 除 和 分 页 功 
能 。 通 过 该 页 面 ， 可 以 维护 学 生 信息 和 成 绩 信息 。 


图 5 上 机 练习 


在 前 面 的 例子 中 ， 插 入 新 记录 时 ， 对 于 “性 别 ” 列 是 要 求 用 户 输入 文本 ， 而 数据 库 中 存放 的 
是 “F”( 女 ) 和 “M”( 男 )， 显然 ， 让 用 户 直 接 输 不 是 非常 友好 ， 而 且 容易 出 错 ， 理 想 的 情况 是 
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让 用 户 选中 单 选 按钮 。 下 面 的 上 机 练习 将 介绍 如 何 实现 这 种 功能 。 

VWD 根据 EntityDataSource 中 的 信息 生成 的 ListView 控件 的 默认 模板 只 适合 于 最 常见 的 几 
种 情况 。 通 常 ， 用 户 需 要 更 多 的 控制 。 本 章 的 上 机 练习 就 是 通过 自 定义 ListView 控件 的 
Insert[temTemplate， 让 用 户 选择 “性 别 ”。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】〗 命 令 ， 新 建 网 站 【上 机 练习 6】 . 

(2) 按 前 面 介绍 的 方法 添加 【ADO.NET 实体 数据 模型 ] Modeledmx, 在 【选择 数据 库 对 象 】 
一 步 中 ， 选 择 Class 和 Student 表 。 

(3) 向 Default.aspx 页 面 中 添加 一 个 ListView 控件 ， 然 后 为 其 配置 数据 源 ， 选 择 【< 新 建 数 
据 源 >】〗 选 项 ， 启 动 数据 源 配置 向 导 。 

(4) 在 【选择 数据 源 类 型 〗 对 话 框 中 选择 【Entity】〗 类 型 ， 选 择 实体 集 Student， 配 置 完 数据 
源 以 后 ， 系 统 将 创建 数据 源 EntityDataSourcel 。 

(5) 返回 Default.aspx 的 设计 视图 ， 配置 ListView 控件 ， 布 局 选择 【网 格 〗， 样 式 选择 【 专 
业 型 〗， 同 时 选中 【启用 编辑 ] 、【 启 用 插入 】〗、【 启 用 删除 〗 和 【启用 分 页 】〗 复 选 框 。 单 击 

【确定 】 按 钮 关闭 该 对 话 框 。 

(6) 切换 至 源 视图 ， 删 除 ListView 控件 所 有 模板 中 显示 <Class> 的 列 ， 修 改 LayoutTemplate 
模板 中 的 列 标题 为 中 文 描述 。 

(7) 定位 到 InsertItemTemplate 标记 ， 为 了 让 用 户 选 择 “ 性 别 ”， 需 要 用 RadioButton 控件 
取代 用 于 Sgender 属性 的 TextBox， 修 改 后 的 代码 如 下 : 

<asp:RadioButton ID="RadioButtonl" runat="server" Checked="True" Text=" 男 " GroupName="gender" /> 

<asp:RadioButton ID="RadioButton2" runat="server" GroupName="gender" Text=" 女 " /> 


(8) 在 设计 视图 中 选择 EntityDataSourcel， 打 开 其 【属性 】〗 面 板 ， 切 换 到 【事件 〗 选 项 卡 。 
双击 Inserting 事件 ， 如 图 6-15 所 示 。 
(9) 在 数据 源 控件 的 Inserting 事件 处 理 程序 中 ， 添 加 如 下 代码 : 


protected void EntityDataSourcel_Inserting(object sender, EntityDataSourceChangingEventArgs e) 
Student stu = (Studenbe Entity: 
RadioButton rdo = (RadioButton)ListView1.InsertItem .FindControl("RadioButtonl"): 
f(rdo.Checked) 
stu.Sgender = "M"; 
else 
stu.Sgender = "F": 
} 
上 述 代码 在 用 户 按 下 【插入 】 按 钮 时 触发 ， 在 这 一 事件 处 理 程序 中 ， 通 过 e.Entity 获取 当 
前 记录 ， 另 外 添加 了 一 些 代 码 来 “发 现 ”InsertItem 模板 中 的 RadioButton 控件 。 因 为 可 能 会 有 
名 称 相同 的 多 个 控件 (例如 InsertItemTemplate 和 EdititemTemplate 中 的 控件 名 可 以 相同 )， 所 以 
不 能 直接 访问 RadioButtonl 控件 , 而 是 需要 在 InsertItem 对 象 上 使 用 FindControl 来 搜索 该 控件 。 
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图 6-15 添加 数据 源 控件 的 Inserting 事件 


(10) 编译 并 运行 程序 ， 在 浏览 器 中 打开 Default.aspx 页 面 ， 运 行 效果 如 图 6-16 所 示 。 
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6-16 页 面 运行 效果 


Os 习题 


1. 要 使 用 LINQ， 必 须 引 入 哪个 命名 空间 ? 

2. 什么 是 匿名 类 ， 如 何 定义 匿名 类 ? 

3. LINQ 查询 表达 式 以 什么 开头 ? 

4. 如 何 添 加 ADONET 实体 数据 模型 。 

5. EntityDataSource 数据 源 控件 有 什么 用 ? 

6. 与 其 他 数据 控件 (如 GridView 和 RepeateD 相 比 ，ListView 控件 的 主要 优势 在 哪里 ? 

7. 在 上 机 练习 的 基础 上 ， 编 辑 EditItemTemplate 模板 ， 使 得 编辑 记录 时 ， 用 户 也 可 以 选择 
“性 别 ”。 
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ASP.NET AJAX 





(4 学 习 目标 

AJAX 是 一 种 广泛 而 且 十 分 有 趣 的 技术 , 可 以 给 站 点 增加 许多 功能 。ASPNET AJAX 采用 异 
步 编程 方式 , 与 前 面 学 习 的 同步 编程 模式 有 所 不 同 , 最 大 的 特点 是 提供 对 客户 端 脚本 的 自动 管理 。 
利用 ASPNET AJAX 服务 器 控件 ， 可 以 实现 局 部 页 面 更 新 的 效果 。 本 章 首先 介绍 了 ASPNET 
AJAX 的 基本 知识 ， 然 后 详细 讲解 ASPNET AJAX 服务 器 控件 的 使 用 方法 ， 通 过 本 章 的 学 习 ， 
读者 可 掌握 ASPNET AJAX 提供 的 各 种 服务 器 控件 的 用 法 ， 以 及 使 用 客户 端 ASPNET AJAX 
Library。 


(、 本 章 重点 


@®@ 了 解 ASPNET AJAX 的 基本 知识 

@ ”使 用 UpdatePanel 控件 

@ ”使 用 UpdateProgress 控件 通知 用 户 Ajax 操作 的 进程 
@ ”使 用 客户 端 ASP.NET AJAX Library 


7 而 AJAX 简介 


本 书 前 面 已 经 介绍 了 浏览 器 如 何 与 服务 器 进行 交互 。 浏 览 器 使 用 GET 或 POST 方法 来 请 求 
页 面 ， 服 务 器 处 理 该 页 面 ， 并 回 发 生成 的 HIML 代码 。 然 后 ， 浏 览 器 解析 该 HTML 代码 并 将 页 
面 呈 现 给 用 户 ， 并 有 选择 地 下 载 任意 的 外 部 资源 ， 如 图 像 、 脚 本 文件 和 CSS 样式 表 。 当 用 户 之 
后 与 页 面 交互 时 (例如 , 通过 单 击 按钮 来 提交 一 个 已 填 好 信息 的 联系 表单 ), 页 面 被 回 发 给 服务 器 ， 
之 后 浏览 器 会 再 次 加 载 整个 页 面 。 

尽管 上 述 模型 已 经 在 Web 页 面 中 使 用 了 很 多 年 ， 但 是 它 仍然 存在 一 些 缺 陷 。 首 先 ， 因 为 整 
个 页 面 是 在 回 发 后 被 加 载 的 ， 因 此 发 送 到 浏览 器 的 HIML 代码 量 要 远大 于 浏览 器 所 需要 的 ; 加 
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载 整个 页 面 的 第 二 个 缺陷 与 浏览 器 显示 页 面 的 方式 有 关 , 由 于 整个 页 面 被 替换 掉 , 因此 浏览 器 会 
不 得 不 关闭 旧 页 面 ， 再 打开 新 页 面 ， 这 样 就 会 使 页 面 “ 闪 烁 ”， 从 而 使 其 失去 对 用 户 的 吸引 力 。 
Ajax 就 是 为 了 解决 上 述 两 个 问题 而 产生 的 。 

Ajax(Asynchronous JavaScript and XML) 技 术 是 由 Jesse James Garrett 提出 的 ， 是 综合 异步 通 
信 、JavaScript 以 及 XML 等 多 种 网 络 技术 新 的 编程 方式 。 如 果 从 用 户 看 到 的 实际 效果 来 看 ， 也 
可 以 形象 地 称 之 为 无 页 面 刷新 技术 。 

Ajax 技术 的 主要 内 容 包括 : 基于 Web 标准 XHTML+CSS 的 表示 ; 使 用 DOM(Document 
Object Model) 进 行动 态 显示 及 交互 ;使 用 XML 和 XSLT 进行 数据 交换 及 相关 操作 ; 使 用 
XMLHttpRequest 进行 异步 数据 检索 ， 使 用 JavaScript 将 所 有 的 东西 绑 定 在 一 起 等 。 

Ajax 技术 的 最 大 优点 是 能 在 不 更 新 整个 页 面 的 前 提 下 维护 数据 。 这 使 得 Web 应 用 程序 能 够 
更 为 迅捷 地 回应 用 户 动作 ， 并 避免 了 在 网 络 上 发 送 那些 没有 改变 过 的 信息 。 

2005 年 , Microsoft 公司 在 专业 开发 人 员 大 会 上 宣布 将 在 ASPNET 上 实现 Ajax 功能 (开发 代 
号 为 Atlas)， 主 要 是 为 了 充分 利用 客户 端 JavaScript、DHTML 和 XMLHttpRequest 对 象 ， 目 的 是 
帮助 开发 人 员 创建 更 具 交 互 性 的 支持 Ajax 的 Web 应 用 程序 。 直 到 2007 年 1 月 ，Microsoft 公司 
才 真正 推出 了 具有 Ajax 风格 的 异步 编程 模型 ， 这 就 是 ASP.NET AJAX 1.0。 同 时 ， 为 了 与 其 他 
的 Ajax 技术 区 分 ，Microsoft 公司 用 大 写 的 AJAX， 并 在 其 前 面 加 上 ASPNET。 

ASP.NET AJAX 1.0 是 以 可 以 在 ASP.NET 2.0 之 上 安装 的 单独 一 个 下 载 的 形式 发 布 的 。 
从 NET Framework 3.5 开始 ， 所 有 这 些 特性 都 成 为 ASP.NET 所 固有 的 ， 这 意味 着 在 构建 或 部 署 
应 用 时 ， 不 再 需要 下 载 和 安装 单独 的 ASPNET AJAX 安装 文件 。 

在 ASPNET 4.0 中 ， 它 被 完全 集成 在 NET 4.0 Framewor 和 VWD 2010 中 ， 并 且 与 其 他 客 
户 端 架构 (包括 jQuery) 具 有 很 好 的 互 操作 性 。 

通过 ASPNET AJAX， 开 发 人 员 可 以 实现 如 下 功能 : 

加 “创建 无 闪烁 页 面 ， 它 们 允许 刷新 部 分 页 面 ， 而 不 需要 全 部 重 载 ， 也 不 会 影响 页 面 的 其 
他 部 分 。 

在 这 些 页 面 刷新 过 程 中 给 用 户 提供 反馈 。 

更 新 部 分 页 面 ， 使 用 计时 器 按 计 划 调用 服务 器 端的 代码 。 

访问 服务 器 端 Web 服务 和 页 面 方法 ， 使 用 它们 返回 的 数据 。 

使 用 富 客户 端 编程 架构 访问 和 修改 页 面 中 的 元 素 ， 访 问 代码 模型 和 典型 系统 。 

ASPNET AJAX 包括 两 个 重要 的 部 分 : ASP.NET AJAX 服务 器 控件 和 客户 端 ASP.NET 
AJAX Library。 

对 于 Web 开发 来 说 ，ASPNET AJAX 从 基础 框架 实现 ， 到 客户 端 与 服务 器 的 通信 ， 都 发 生 
了 翻天 覆 地 的 变化 。 相 对 于 ASPNET 来 说 ，ASP.NET AJAX 是 一 种 更 为 成 熟 的 Web 开发 技术 。 
下 面 将 介绍 ASPNET AJAX 主要 控件 ScriptManager、UpdatePanel、UpdateProgress 和 Timer 的 
使 用 方法 。 
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ASP.NET AJAX 完全 综合 集成 到 了 ASPNET 和 VWD 中 ,这 就 意味 着 开发 人 员 可 以 使 用 它 
了 。 对 于 在 VWD 中 创建 的 每 个 新 的 ASPNET 4.0 Web 站 点 来 说 ， 它 们 的 AJAX 功能 都 已 经 被 
激活 了 。 此 外 ， 工 具 箱 中 包含 一 个 【AJAX Extensions】 类 别 ， 该 类 别 中 包含 了 要 在 页 面 中 使 用 
的 与 AJAX 相关 的 控件 。VWD 还 对 ASPNET AJAX 提供 了 大 力 支持 ， 它 为 服务 器 端的 控件 和 
客户 端的 JavaScript 代码 提供 了 智能 感知 功能 。 


2.1 ScriptManager 控件 


ScriptManager 控件 是 ASPNET AJAX 的 核心 ， 它 提供 处 理 页 面 上 的 所 有 ASPNET AJAX 
控件 (UpdatePanel、UpdateProgress 等 ) 的 支持 ， 没 有 该 控件 的 存在 ， 其 他 ASPNET AJAX 控件 就 
无 法 工作 ， 并 且 所 有 需要 支持 ASPNET AJAX 的 ASPNET 页 面 上 只 能 有 一 个 ScriptManager 控 
件 。 另 外 ，ScriptManager 控件 还 可 以 生成 相关 的 客户 端 代理 脚本 ， 以 便 能 够 在 客户 端 脚本 中 访 
问 Web 服务 。 

1. ScriptManager 控件 的 属性 和 方法 


ScriptManager 类 有 许多 属性 ， 其 中 大 多 数 都 用 于 高 级 场景 。 在 很 多 情况 下 ， 不 需要 改变 
ScriptManager 类 的 任何 属性 ; 而 在 有 些 情况 下 ,需要 改变 或 设置 其 某 些 属性 。 如 表 7-1 所 示 列 出 
了 ScriptManager 控件 的 一 些 常见 属性 。 


表 7-1 ScriptManager 控件 的 重要 属性 


基 
础 
与 
实 


兰 





ER 


属 性 描述 
该 属性 确定 AJAX 运行 过 程 中 出 现 的 错误 是 否 会 导致 加 载 自 定义 的 错误 页 面 。 
ep 默认 为 Tmue; 设置 为 False 时 ， 错 误 在 浏览 器 中 显示 为 JavaScript 通知 窗口 ， 
或 者 在 禁止 调试 时 对 客户 端 隐藏 。 注 意 ， 如 果 没 有 配置 任何 自 定义 错误 页 面 ， 
错误 就 总 是 显示 为 JavaScript 通知 
异步 回 传 发 生 错误 时 的 错误 信息 。 如 果 没 有 使 用 自 定义 错误 页 面 ， 这 个 属性 允 
AsyncPostBackErrorMessage 


许 自 定义 错误 消息 ， 当 发 生 AJAX 错误 时 ， 用 户 可 以 看 到 这 条 错误 消息 
异步 回 传 时 超时 限制 ， 默 认 值 为 90， 单 位 为 秒 
这 个 属性 确定 是 否 允许 客户 端 代码 调用 页 面 内 定义 的 方法 。 后 面 将 讨论 其 工作 


AsyncPostBackTimeout 








EnablePageMethods 原理 
i 该 属性 确定 ScriptManager 是 否 支持 使 用 UpdatePanel 控件 呈现 部 分 页 面 。 除非 
想 阻 止 整个 页 面 的 部 分 更 新 ， 否 则 应 该 将 它 设置 为 True 
若 该 属性 设置 为 Tue， ASPNET 将 会 包含 微软 的 Content Delivery Network 站 
二 点 上 (而 不 是 自己 的 服务 器 上 ) 的 客户 端 框架 文件 的 链接 。 这 样 可 以 节省 一 些 带 


宽 ， 如 果 用 户 已 经 从 使 用 这 些 文件 的 其 他 站 点 那里 获取 了 这 些 文件 的 高 速 缓存 
副本 的 话 ， 这 样 做 还 可 能 会 提高 页 面 首次 加 载 时 的 速度 








-214- 


Ar- 一 个 


/ ss 
第 7 章 ASPNETAJAX | 篇 
的 














( 续 表 ) 
属 性 描述 
该 属性 可 用 于 确定 是 否 包含 Microsoft AJAX 客户 端 库 。 该 属性 允许 使 用 
MicrosoftAjaxMode ScriptManager 控件 完成 与 服务 器 相关 的 任务 (如 注册 客户 端 脚 本 )， 而 不 需要 在 
页 面 中 媒 入 客户 端 框架 
指定 ScriptManager 发 送 到 客户 端的 脚本 的 模式 ， 有 4 种 模式 : Auto、Inherit、 
ScriptMode 
Debug、Release， 默 认 值 为 Auto 
设置 所 有 的 脚本 块 的 根 目录 ， 作 为 全 局 属性 ， 包 括 自 定义 的 脚本 块 或 者 引用 第 
ScriptPath 三 方 的 脚本 块 。 如 果 在 Scripts 中 的 <asp:ScriptReference 亡 标 签 中 设置 了 Path 属 
性 ， 它 将 覆盖 该 属性 
Sci ScriptManager 控件 的 <Scripts> 子 元 素 允 许 添加 客户 端 在 运行 时 必须 下 载 的 其 
他 的 JavaScript 文件 
和 <Scripts> 元 素 一 样 ，<CompositeScrip> 元 素 也 允许 添加 其 他 的 JavaScript 文 
CompositeScript 件 。 但是， 在 <Composite-Script> 元 素 下 注册 的 文件 都 被 合并 为 一 个 单独 的 、 可 
下 载 的 文件 ， 从 而 可 以 减 小 网 络 开销 并 提高 页 面 的 性 能 
Services <Services> 元 素 允 许 定义 客户 端 页 面 能 够 访问 的 Web 服务 
异步 回 传 发 生 异常 时 的 服务 端 处 理 函数 , 在 这 里 可 以 捕获 一 场 信息 并 作 相 应 的 
OnAsyncPostBackError 处 理 
， 指定 ResolveScriptReference 事件 的 服务 器 端 处 理 函 数 , 在 该 函数 中 可 以 修改 某 
OnResolveScriptReference 





一 条 脚本 的 相关 信息 如 路 径 、 版 本 等 


ScriptManager 控件 是 客户 端 页 面 和 服务 器 之 间 的 桥梁 。 它 管理 脚本 资源 (客户 端 使 用 的 
JavaScript 文件 )， 负 责 部 分 页 面 的 更 新 (如 前 所 述 )， 处 理 与 Web 站 点 的 交互 ， 例 如 Web 服务 和 
ASP.NET 应 用 程序 服务 (如 成 员 、 角 色 和 配置 文件 )。 

如 果 认 为 只 在 一 小 部 分 页 面 上 需要 AJAX 性 能 ， 那 么 通常 可 以 将 ScriptManager 控件 直接 放 
置 到 内 容 页 中 。 但 是 ， 也 可 以 将 ScriptManager 控件 放置 在 母 版 页 中 ， 这 样 它 便 在 整个 站 点 中 都 
可 用 。 

2. ScriptManager 控件 的 用 法 


要 使 用 ASPNET AJAX 提供 的 功能 ， 必 须 在 网 页 中 包含 一 个 ScriptManager 控件 。 添 加 
ScriptManager 控件 后 ， 将 生成 如 下 代码 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 


在 介绍 完 UpdatePanel 控件 后 ， 将 一 起 举例 说 明 ScriptManager 控件 的 用 法 。 


2 
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( 7 2 UpdatePanel 控件 


UpdatePanel 控件 是 ASPNET AJAX 中 很 重要 的 一 个 控件 , 它 可 以 用 来 创建 局 部 更 新 的 Web 
应 用 程序 。 有 了 UpdatePanel 控件 ， 开 发 者 不 需要 编写 任何 客户 端 脚本 ， 只 需 在 页 面 上 添加 
UpdatePanel 控件 和 ScriptManager 控件 就 可 以 自动 实现 局 部 更 新 。 


1. UpdatePanel 控件 的 工作 原理 
UpdatePanel 控件 的 工作 过 程 如 图 7-1 所 示 。 








Server Side Client Side 有 知识 点 i 
目 Myrege.aopn @ cient ! UpaatePanel 控件 的 工作 依 于 于 ScriptManager 
1 

ee ee en 控件 和 客户 端 PageRequestManager 类 ， 当 ! L 
可 YR Vr ome 1 ScriptManager 允许 页 面 局 部 更 新 时 ， 它 会 以 异步 1 
E Request | _ 
ee oo 1 的 方式 回 传 给 服务 器 ， 与 传统 的 整 页 回 传 方式 不 
ee | 同 的 是 只 有 包含 在 UpdatePanel 中 的 页 面部 分 才 i 
| Dy ! 会 被 更 新 ， 在 从 服务 器 返回 XHTML 之 后 ， 
基 i Request > 1 PageRequestManager 会 通过 操作 DOM 对 象 来 蔡 ， ' 
而 Ts Postback se cntent | ! 换 需 要 更 新 的 代码 片段。 ! 
与 runat=-server/y> <Input ai 1 1 
二 </ContentTemplate> Mame="B1™ vm =- 

实 a pareal® ales Sete 

训 piUp Update FE B1” /> 
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图 7-1 UpdatePanel 控件 的 工作 原理 


当 客 户 端 第 一 次 向 服务 器 发 出 请 求 时 ， 服 务 器 返回 整个 页 面 。 除 此 之 外 ， 均 通过 异步 回 传 
方式 对 页 面 进行 局 部 更 新 。 
2. UpdatePanel 控件 的 属性 
UpdatePanel 控件 的 常用 属性 如 表 7-2 所 示 。 
表 7-2 UpdatePanel 控件 的 重要 属性 








属 性 描 述 
该 属性 确定 位 于 UpdatePanel 内 的 控件 能 否 刷新 UpdatePanel。 其 默认 值 是 Tme， 当 该 值 
ChildrenAsTriggers | 设置 为 False 时 ， 必 须 将 UpdateMode 设置 为 Conditional。 注 意 ， 当 设置 为 False 时 ， 
UpdatePanel 内 定义 的 控件 仍然 会 引发 到 服务 器 的 回 发 ， 只 是 不 再 自动 更 新 面板 
Triggers 集合 包含 PostBackTrigger 和 AsyncPostBackTrigger 元 素 。 如果 要 实现 完整 的 页 面 
Triggers 刷新 ， 那 么 就 可 以 用 第 一 个 ， 而 如 果 要 使 用 在 面板 之 外 定义 的 控件 更 新 UpdatePanel， 则 





用 第 二 个 
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( 续 表 ) 
属 性 描 述 
RenderMode 该 属性 表示 UpdatePanel 最 终 呈 现 的 HIML 元 素 。 Block( 默 认 ) 表 示 <div>, Inline 表示 <span> 
该 属性 表示 UpdatePanel 的 更 新 模式 ， 有 两 个 选项 : Always 和 Conditional。Always 是 不 管 
i 有 没有 Trigger， 其 他 控件 都 将 更 新 该 UpdatePanel，Conditional 表示 只 有 当前 UpdatePanel 
的 Trigger， 或 ChildrenAsTriggers 属性 为 tme 时 当前 UpdatePanel 中 控件 引发 的 异步 回 送 或 
者 整 页 回 送 ， 或 是 服务 器 端 调用 Update( 方 法 才 会 引发 更 新 该 UpdatePanel 
尽管 在 UpdatePanel 的 【属性 】 面 板 中 不 可 见 ， 但 <ContentTemplate> 是 UpdatePanel 的 一 
ee 个 重要 属性 。 它 是 一 个 容器 ， 用 于 定义 UpdatePanel 的 内 容 ， 可 以 将 控件 放置 在 该 容器 中 
作为 UpdatePanel 的 子 控件 。 如 果 忘 记 了 这 个 必需 的 ContentTemplate 属性 ，VWD 会 发 出 
一 条 警告 
3. 实现 局 部 更 新 


在 一 个 页 面 中 ， 如 果 需 要 局 部 更 新 的 内 容 较 少 ， 可 以 放置 一 个 UpdatePanel 控件 ， 在 该 控件 

内 实现 局 部 更 新 的 效果 。 下 面 通过 具体 的 实例 介绍 在 UpdatePanel 中 实现 局 部 更 新 的 方法 。 
【 例 7-1】 在 UpdatePanel 中 实现 局 部 更 新 。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 7-1】 . 

(2) 在 Defaultaspx 的 设计 视图 中 ， 添 加 一 个 ScriptManager， 一 个 UpdatePanel 控件 。 

(3) 在 UpdatePanel 内 部 添加 一 个 Label 控件 和 两 个 Button 控件 ， 同 时 在 UpdatePanel 外 面 
也 添加 两 个 Button 控件 。 

(4) 设置 4 个 按钮 的 Text 属性 分 别 为 “UpdatePanel 内 的 完整 页 面 刷新 ”、“ 异 步 刷 新 ”、 

“UpdatePanel 外 ”和 “UpdatePanel 外 异步 刷新 ”。 

(5) 选中 UpdatePanel 控件 ， 通 过 【属性 】 面 板 设置 Triggers 属性 ， 这 是 一 个 集合 属性 ， 单 
击 属性 右 侧 的 按钮 ， 打开 【UpdatePanelTrigger 集合 编辑 器 〗】 对 话 框 ， 单 击 【添加 】〗 按 钮 右 侧 的 
倒 三 角形 ， 打 开 一 个 下 拉 菜 单 ， 如 图 7-2 所 示 ， 可 以 添加 两 类 元 素 : PostBackTrigger 和 
AsyncPostBackTrigger。 本 例 中 设置 Buttonl 为 PostBackTrigger, Button4 为 AsyncPostBackTrigger。 


吕 提示 
如 果 在 【属性 】 面 板 中 找 不 到 Triggers 属性 ， 则 可 能 是 因为 页 面 中 没有 添加 ScriptManager 控件 。 






(6) 切换 到 源 视 图 ， 相 应 的 代码 如 下 : 


<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
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<asp:LabelID="Labell" runat="server" Text=" 获 取 当 前 时 间 "></asp:Label> 
<br 廊 
<asp:Button ID="Button1" runat="server" Text="UpdatePanel 内 的 完整 页 面 刷新 " 
onclick="Buttonl_Click" /> 
<asp:Button ID="Button2" runat="server”" Text=" 异 步 刷新 "onclick="Button2_Clicky 
style="height: 21px" 亡 
</ContentTemplate> 
<Triggers> 
<asp:PostBackTrigger ControlID="Button1" /> 
<asp:AsyncPostBackTrigger ControlID="Button4" EventName="Click" /> 





</Triggers> 
</asp:UpdatePanel><br /> 
<asp:Button ID="Button3" runat="server" Text="UpdatePanel 外 " 
奸 onclick="Button3_Click" 这 
Es <asp:Button ID="Button4" runat="server" onclick="Button4_Click" 
Text="UpdatePanel 外 异步 刷新 " /> 
</div> 
芝 (07) 分 别 为 4 个 Button 控件 添加 单 击 事件 处 理 程序 ， 代 码 如 下 : 
过 Pprotected void Button1_Click(object sender, EventArgs e) 
训 { 
Labell.Text= "UpdatePanel 内 整个 页 面 刷新 ， 当 前 时 间 : "+ DateTime.Now.ToString0; 
系 } 
列 


protected void Button2_Click(object sender, EventArgs 日 

: Labell.Text= "局 部 刷新 无 闪烁 ， 当 前 时 间 : "+ DateTime Now.ToString0; 

二 void Button3_Click(object sender, EventArgs €) 

| Labell.Text= "UpdatePanel 外 整个 页 面 刷新 ， 当 前 时 间 : "+ DateTime Now.ToStringO: 
人 void Button4_Click(object sender, EventArgs e) 

Labell.Text= "UpdatePanel 外 异步 刷新 ， 当 前 时 间 : "+ DateTime Now.ToString0: 

} 


(8) 按 【Ctrl+F5】〗 组 合 键 运行 程序 ， 分 别 单 击 不 同 的 按钮 ， 观 察 有 什么 不 同 ， 如 图 7-3 所 示 
是 局 部 刷新 无 闪烁 的 情况 。 
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UpdatePanelIrigger 集合 编辑 器 


成 员 轩 ):- http://1ocalhost:1040/ 例 7-1/Default. aspz.-- 属 | 固 | 攻 | 
is "||. Bw + x FE 

| 文件 下 ) ” 蝙 辑 世 ) 查看 WW) 收 臣 赤 亿 ) 工具 0) 帮助 中 

帘 妆 | 着 mocabost:l0... [| 从- 回 - 却 - 























局 部 刷新 无 闪烁 ， 当 前 时 间 ，2011-7-7 21:57:06 
(TT [EL 


UpdatePanel 外 UpdatePanel 外 异步 刷新 


和 本 地 Intranet 奈 100% ~ 
































7-2 【UpdatePanelTrigger 集合 编辑 器 】 对 话 框 图 7-3 页 面 运行 效果 图 


知识 点 
通过 Triggers 属性 可 以 将 UpdatePanel 外 的 控件 设置 为 异步 刷新 ， 所 以 在 使 用 母 版 页 的 时 候 ， 通 常 可 
以 在 母 版 页 中 放置 ScriptManager 控件 ; 在 内 容 页 使 用 UpdatePanel， 通 过 Triggers 属性 设置 母 版 页 中 的 控 





件 实现 局 部 更 新 。 


可 以 看 到 ， 虽 然 单 击 每 个 按钮 都 实现 了 获取 最 新 的 时 间 ， 但 页 面 刷新 效果 却 不 同 。 通 常 默 
认 情 况 下 ， 在 UpdatePanel 内 部 的 服务 器 控件 采用 的 是 异步 回 传 方式 ， 实 现 UpdatePanel 的 局 六 
更 新 ， 而 在 UpdatePanel 外 面 的 服务 器 控件 采用 的 是 同步 回 传 方式 ， 实 现 整 个 页 面 的 刷新 。 而 使 
用 了 Triggers 属性 后 ， 虽 然 Buttonl 按钮 在 UpdatePanel 内 部 ， 但 实现 的 是 整个 页 面 的 更 新 ， 而 
在 UpdatePanel 外 面 的 Button4 按钮 却 实现 了 UpdatePanel 局 部 更 新 。 


4. 在 同一 页 面 上 使 用 多 个 UpdatePanel 


使 用 UpdatePanel 的 时 候 并 没有 限制 在 一 个 页 面 中 使 用 多 少 个 UpdatePanel， 所 以 可 以 为 不 
同 的 区 域 加 上 不 同 的 UpdatePanel。 由 于 UpdatePanel 默认 的 UpdateMode 是 Always, 如 果 页 面 上 
有 一 个 局 部 更 新 被 触发 , 则 所 有 的 UpdatePanel 都 将 更 新 ， 要 想 只 更 新 某 个 UpdatePanel， 只 需 把 
UpdateMode 设置 为 Conditional 即 可 。 

下 面 的 【 例 7-2 】 就 包括 两 个 UpdatePanel， 其 中 一 个 用 来 输入 数据 ， 而 另 一 个 则 用 来 显示 数 
据 ， 两 个 UpdatePanel 的 UpdateMode 属性 都 设置 为 Conditional， 当 单 击 【 新 增 】 按 钮 时 ， 两 个 
UpdatePanel 都 更 新 ， 单 击 【 取 消 】 按 钮 时 ， 只 有 UpdatePanel2 更 新 。 

【 例 7-2】 在 同一 页 面 中 使 用 多 个 UpdatePanel。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新建 网 站 】 命 令 ， 新 建 网 站 【 例 7-2】。 

(2) 在 Default.aspx 的 设计 视图 中 ， 添 加 一 个 ScriptManager 和 两 个 UpdatePanel 控件 。 

(3) 在 UpdatePanell 内 部 添加 ListBox 控件 和 一 个 Label 控件 , 在 UpdatePanel2 中 放置 一 个 
TextBox 控件 、 一 个 Label 控件 和 两 个 Button 控件 。 

(4) 设置 两 个 UpdatePanel 控件 的 UpdateMode 属性 为 Conditional。 设置 UpdatePanell 的 
Triggers 属性 为 Buttonl 异步 刷新 AsyncPostBackTrigger。 
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(5) 切换 到 源 视图 ， 修 改 相 应 的 代码 如 下 所 示 : 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<fieldset style="width: 180px:"> 
<legend >UpdatePanell</legend> 
<asp:ListBox ID="ListBox1" runat="server" Width="108px"></asp:ListBox> 
<br 亡 
<asp:Label ID="Labell" runat="server" ><%=DateTime.Now %></asp:Label> 
</ContentTemplate> 
<Triggers> 
建 : <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> 
Es </Triggers> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server"> 
<ContentTemplate> 
<fieldset style="width:180px:"> 
<legend >UpdatePanel2</legend> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<br 亡 
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<br 广 
<asp:Label ID="Label2" runat="server" ><%=DateTime.Now %></asp:Label> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 


(6) 添加 两 个 Button 控件 的 事件 处 理 程序 ， 代 码 如 下 : 


protected void Button1_Click(object sender. EventArgs e) 
ListBoxl.Items.Add(TextBoxl.Text: 
TextBoxl.Text=""; 

} 

protected void Button2_Click(object sender. EventArgs 日 

上 
TextBoxl.Text="": 





<asp:Button ID="Button1" rmnat="server" Text=" 新 增 " onclick="Button1_Click" /> 
<asp:Button ID="Button2" mnat="server" Text=" 取 消 " onclick="Button2_Click" /> 
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(7) 按 【Ctrl + F5】 组 合 键 运行 程序 ， 效 果 如 图 7-4 所 示 。 


http://1ocalhost:19... 夸 | 辐 | 凤 


Ey” Bt/Needhost:: ¥ | || 
文才 四 “ 罗 提 加。 吉 看 四 收 诚 天 册 。 ” 
实 窑 | 感 mmhocahestta 





E73 


2011-7-8212726 
UpeaePanel? 
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图 7-4 多 个 UpdatePanel 控件 的 运行 效果 


当 单 击 【新 增 】 按 钮 时 ， 将 更 新 UpdatePanell 和 UpdatePanel2， 而 单 击 【 取 消 】 按 钮 时 ， 
只 更 新 UpdatePanel2 。 





吕 提示 
当 发 生 UpdatePanel 控件 异步 更 新 错误 时 ， 默 认 情 况 下 会 弹出 一 个 错误 对 话 框 。 如 果 设 计 者 觉得 不 
符合 用 户 习惯 ,可 以 通过 ScriptManager 控件 的 OnAsyncPostBackError 事件 和 AsyncPostBackErrorMessage 





属性 捕捉 和 设置 回 传 时 的 错误 信息 。 


将 是 鑫 阿 
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( 7 )2.3 UpdateProgress 控件 


虽然 使 用 UpdatePanel 和 ScriptManager 已 经 足以 创建 无 闪烁 页 面 ， 但 ASPNET AJAX 提供 
了 更 多 控件 来 增强 用 户 在 启用 了 AJAX 的 Web 站 点 中 的 体验 。 改 进 用 户 体验 的 方法 之 一 是 使 用 
UpdateProgress 控件 ， 另 一 种 选择 是 使 用 Timer 控件 。 本 节 就 将 介绍 UpdateProgress 控件 。 

UpdateProgress 控件 一 般 与 UpdatePanel 控件 联合 使 用 , 即 在 UpdatePanel 异步 更 新 过 程 中 ， 
显示 提示 信息 。 这 些 信息 可 以 是 一 段 文 字 、 进 度 条 或 各 种 动画 。 当 异步 更 新 完成 时 ,提示 信息 自 
动 消 失 。 

1. UpdateProgress 控件 的 属性 





实测 赴 沦 


UpdateProgress 控件 的 常用 属性 如 表 7-3 所 示 。 


表 7-3 UpdateProgress 控件 的 常用 属性 
属 性 描述 





设置 哪个 UpdatePanel 控件 产生 的 回 送 会 显示 UpdateProgress 的 内 容 ， 当 关联 的 
AssociateUpdatePanelID| UpdatePanel 控件 忙于 刷新 时 ， 就 会 显示 在 <ProgressTemplate> 元 素 中 定义 的 内 容 。 通 常 
要 在 模板 中 放 入 文本 或 动画 图 像 (也 接受 其 他 标记 ) 来 让 用 户 知道 正在 发 生 的 事情 
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( 续 表 ) 
属 性 描述 
DisplayAfter | 当 引 发 回 送 后 多 少 毫秒 会 显示 UpdateProgress 控件 的 内 容 ， 默 认 值 是 500 毫秒 
设置 UpdateProgress 控件 的 显示 方式 。 如 果 为 mue， 当 UpdateProgress 控件 不 显示 的 时 
候 不 占用 空间 (默认 )， 为 false， 当 UpdateProgress 控件 不 显示 的 时 候 仍然 占用 空间 
ProgressTemplate 获取 或 设置 定义 UpdateProgress 控件 内 存 的 模板 








DynamicLayout 





如 果 没 有 设 定 UpdateProgress 控件 的 AssociateUpdatePanelID 属性 ， 则 任何 一 个 异步 更 新 都 
会 使 UpdateProgress 控件 显示 出 来 。 相反, 如 果 将 UpdateProgress 控件 的 AssociateUpdatePanelID 
属性 设置 为 某 个 UpdatePanel 控件 的 ID， 那么 ， 只 有 该 UpdatePanel 控件 引发 的 异步 更 新 才 会 使 
相关 联 的 UpdateProgress 控件 显示 出 来 。 


知识 点 
必须 为 UpdateProgress 控件 定义 模板 。 否 则 ， 在 UpdateProgress 控件 的 Init 事件 发 生 期 间 会 触发 异常 。 
可 通过 将 标记 添加 到 ProgressTemplate 元 素 ， 以 声明 的 方式 指定 ProgressTemplate 属性 。 如 果 要 动态 创建 





UpdateProgress 控件 ， 则 应 在 页 面 的 PreRender 事件 发 生 期 间或 发 生 之 前 进行 创建 


2. 使 用 UpdateProgress 控件 


下 面 的 【 例 7-3】 将 演示 UpdateProgress 控件 的 用 法 ， 当 UpdatePanel 控件 异步 更 新 时 ， 显 
示 UpdateProgress 控件 的 提示 内 容 。 
【 例 7-3 】 使 用 UpdateProgress 控件 给 用 户 提供 反馈 信息 。 
(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 】 命 令 ， 新建 网 站 【 例 7-3】。 
(2) 在 【解决 方案 资源 管理 器 〗】 面 板 中 ， 新 建 一 个 images 文件 夹 ， 然 后 添加 进度 条 动画 文 
件 progress.gif。 
(3) 在 Default.aspx 的 设计 视图 中 ， 添 加 一 个 ScriptManager、 一 个 UpdatePanel 控件 和 一 个 
UpdateProgress 控件 。 
(4) 在 UpdatePanel 控件 中 添加 一 个 Label 控件 和 一 个 Button 控件 ,设置 Button 控件 的 Text 
属性 为 “提交 ”。 
(5) 在 UpdateProgress 控件 中 添加 文本 “正在 刷新 ， 请 稍 候 ..….” 和 一 个 Image 控件 ，Image 
控件 的 ImageUrl 属性 指向 前 面 的 进度 条 动画 图 片 progress.gif. 
(6) 切换 到 源 视图 ， 生 成 的 代码 如 下 所 示 : 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" > 
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</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
<br 亡 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " onclick="Button1_Click" /> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanell"> 
<ProgressTemplate> 
正在 刷新 ， 请 稍 候 .<asp:Image ID="Image1" runat="server" ImageUrl="~/images/progress.gif' /> 
</ProgressTemplate> 
</asp:UpdateProgress> 
</div> 
(7) 添加 按钮 控件 的 单 击 事件 处 理 程序 ， 代 码 如 下 : 


protected void Buttonl_Click(object sender, EventArgs 日 
{ 
System.Threading.Thread.Sleep(5000); // 等 待 5 秒 
Labell.Text = DateTime Now.ToString0: 
} 


(8) 编译 并 运行 程序 ， 运 行 效果 如 图 7-5 所 示 。 


Py TT | [a] 
GO Bw 9 x 

文件 中) 编辑 EF) 查看 WW 收藏 夹 从) 工具 CD) 帮助 人 0 
寓 安 | 臣 http://locdhost:l9..， | 
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Ee 请 稍 候 - 














图 7-5 ”使 用 进度 提示 控件 


本 例 中 只 有 一 个 UpdateProgress 控件 ， 也 可 以 在 一 个 页 面 中 使 用 多 个 UpdateProgress 控件 ， 
通过 设置 AssociateUpdatePanelID 属性 来 指点 相关 联 的 UpdatePanel 控件 。 
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己 提示 
虽然 一 个 页 面 允许 有 多 个 UpdateProgress 控件 ， 但 是 在 实际 中 ， 一 般 在 一 个 页 面 中 只 放置 一 个 





UpdateProgress 控件 。 


( 7 )2.4 Timer 控件 


Timer 控件 是 ASP.NET AJAX 中 又 一 个 重要 的 服务 器 控件 。 通 过 它 可 以 完成 局 部 页 面 的 定 
时 更 新 ， 从 而 实现 图 片 自动 播放 、 超 时 自动 退出 等 功能 。 
1. 属性 和 事件 
Timer 控件 的 常用 属性 和 事件 如 表 7-4 所 示 。 
表 7-4 Timer 控件 的 常用 属性 和 事件 


属性 和 事件 描述 
Interval 该 属性 用 于 指定 间隔 时 间 ， 其 设置 值 的 单位 是 毫秒 ， 默 认 值 则 是 60000 毫秒 
Enabled 该 属性 用 于 表示 是 否 允许 Tick 事件 
Tick 该 事件 在 Interval 指定 的 间隔 到 期 后 触发 





需要 注意 的 是 ， 将 Timer 控件 的 Interval 属性 设置 为 较 小 的 值 会 使 得 回 送 频率 增加 ， 也 很 容 
易 使 得 Web 服务 器 的 流量 大 增 ， 对 整体 资源 耗 用 与 效率 都 会 造成 不 良 的 影响 。 因 此 尽量 在 确实 
需要 的 时 候 才 使 用 Timer 控件 来 定时 更 新 页 面 上 的 内 容 。 

Timer 控件 在 UpdatePanel 控件 的 内 外 是 有 区 别 的 。 当 Timer 控件 在 UpdatePanel 控件 内 部 时 ， 
JavaScript 计时 组 件 只 有 在 一 次 回 传 完成 后 才 会 重新 建立 。 也 就 是 说 直到 网 页 回 传 完成 之 前 ， 定 
时 器 间隔 时 间 不 会 从 头 计算 。 例 如 ， 设 置 Timer 控件 的 Interval 属性 值 为 3000ms(3 秒 )， 但 是 回 
传 操作 本 身 却 花 了 2 秒 才 完成 , 则 下 一 次 的 回 传 将 发 生 在 前 一 次 回 传 被 引发 之 后 的 5 秒 。 而 如 果 
Timer 控件 位 于 UpdatePanel 控件 之 外 ， 则 当 定时 器 间隔 到 期 以 后 ， 定 时 器 间隔 时 间 会 立刻 重新 
计算 ， 下 一 次 回 传 将 发 生 在 前 一 次 回 传 被 引发 之 后 的 3 秒 。 

2. 使 用 Timer 控件 定时 更 新 UpdatePanel 


Timer 控件 的 用 法 非常 简单 。 该 控件 按照 指定 的 时 间 间 隔 激活 其 Tick 事件 。 在 这 个 事件 处 
理 程序 中 ， 添 加 要 刷新 页 面 的 代码 即 可 。 

下 面 的 【 例 7-4】 是 一 个 在 UpdatePanel 内 部 使 用 Timer 控件 的 简单 示例 ， 该 示例 实现 图 片 
的 自动 刷新 。 
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【 例 7-4】 在 UpdatePanel 内 部 使 用 Timer 控件 。 
(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 7-4】。 
(2) 在 【解决 方案 资源 管理 器 】 面 板 中 ， 新 建 一 个 images 文件 天 ， 然 后 添加 需要 循环 显示 
的 图 片 文件 Clubl.gif、Club2.gif.….….Club13.gif. 
(3) 在 Default.aspx 的 设计 视图 中 ， 添 加 一 个 ScriptManager 和 一 个 UpdatePanel 控件 。 
(4) 在 UpdatePanel 控件 中 添加 一 个 Timer 控件 和 一 个 Image 控件 ,设置 Timer 控件 的 Interval 
属性 为 2000， 设 置 Image 控件 的 ImageUrl 属性 为 images 目录 下 的 Club1.gif. 
(5) 此 时 源 视 图 中 生成 的 代码 如 下 : 
<div> 
<h3> 使 用 Timer 控件 循环 显示 梅花 1 一 K</h3> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:Timer ID="Timerl" runat="server" Interval="2000" ontick= "Timerl Tick"> 
</asp: Timer> 
<asp:ImageID="Imagel" runat="server" ImageUrl="~/images/Clubl.gif' /> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 


(6) 添加 页 面 的 Load 事件 处 理 程序 和 Timer 控件 的 Tick 事件 处 理 程序 ， 代 码 如 下 : 


protected void Page_Load(object sender. EventArgs e) 
J 
if (Page.IsPostBack — false) 





ViewState["count"] = 1/ 设 置 网 页 上 的 变量 


} 
protected void Timerl_Tick(object sender, EventArgs e) 

ViewState["count"] = (inDViewState["count"] % 13 + 1: 

Jmagel.ImageUrl = string.Format("~/images/Club{0} .gif'. ViewState["count"]): 
, 


上 述 代码 中 使 用 到 了 前 面 学 习 过 的 视图 状态 来 存放 一 个 计数 变量 。 
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(7) 按 【Ctrl+F5] 组 合 键 运行 程序 ， 可 以 看 到 每 间隔 2 秒 显示 一 张 扑 克 牌 ， 循 环 显示 梅花 
1 一 K， 如 图 7-6 所 示 。 





se 























图 7-6 使 用 Timer 控件 定时 刷新 页 面 


( 7 )2.5 ScriptManagerProxy 控件 


ScriptManagerProxy 控件 是 内 容 页 面 与 母 版 页 中 定义 的 ScriptManager 控件 之 间 的 桥梁 。 在 
页 面 中 ， 控 件 ScriptManagerProxy 的 外 观 和 操作 与 标准 控件 ScriptManager 很 相似 。 但 是 ， 
ScriptManagerProxy 控件 实际 上 只 是 一 个 proxy 类 ， 该 类 可 以 将 其 所 有 的 设置 传递 给 母 版 页 中 真 
正 的 ScriptManager 控件 。 

在 本 书 第 8 章 介绍 Web 服务 的 时 候 会 用 到 该 控件 ， 此 处 不 做 过 多 介绍 。 

ASPNET AJAX 包含 的 内 容 还 有 很 多 ， 在 此 无 法 一 一 介绍 。ASP.NET AJAX 的 服务 器 和 客 
户 机 端 部 分 可 能 是 最 大 的 、 使 用 最 多 的 功能 ， 其 他 的 功能 也 都 是 比较 实用 的 ， 例 如 ，ASP.NET 
AJAX 控件 工具 箱 ， 它 是 一 个 非常 好 的 扩展 控件 工具 包 ， 带 有 诸如 日 历 扩展 器 和 能 自动 完成 的 
文本 框 这 样 的 功能 。 包 括 40 多 个 免费 的 扩展 控件 ， 而 且 一 直 都 在 增加 ， 可 以 在 网 站 
http://www.asp.net/ajax/AjaxControlToolkit/Samples 上 查看 和 下 载 控件 工具 箱 。 


@ 3 客户 端 ASP NET AJAX Library 





客户 端 ASPNET AJAX Library 的 功能 非常 强大 ， 并 且 能 够 提供 浏览 器 中 纯 JavaScript 所 缺 
少 的 许多 功能 。Microsoft 从 .NET Framework 中 吸取 了 许多 好 的 功能 ， 然 后 将 它们 转换 为 客户 端 
JavaScript 对 应 的 功能 。 这 就 意味 着 可 以 在 支持 JavaScript 的 Web 站 点 中 使 用 熟悉 的 .NET 概念 ， 
即使 JavaScript 不 支持 这 些 概念 。 

客户 端 库 包括 6 个 顶级 的 命名 空间 (包括 根 命名 空间 Sys) 和 一 个 全 局 命名 空间 ， 它 们 允许 访 
问 30 多 个 类 ， 而 这 些 类 具有 数 百 种 有 用 的 方法 ， 可 用 来 帮助 创建 富 客户 端 Web 界面 。 

例如 ， 可 以 使 用 客户 端 框架 建立 和 处 理 页 面 事件 (如 load 和 unload)， 使 用 WebRequest 类 对 
其 他 的 Web 页 面 发 出 请 求 ， 根 据 CultureInfo 类 的 代码 中 客户 端的 文化 背景 设置 来 呈现 不 同 格式 
的 数据 ， 执 行 数据 绑 定 ( 绑 定 的 数据 源 有 多 种 ， 如 可 以 将 Web 服务 绑 定 到 用 户 的 界面 控件 中 ， 从 
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而 显示 并 编辑 它们 )， 以 及 其 他 情况 。 
全 局 命名 空间 中 包含 了 一 些 成 员 和 类 型 , 它们 扩展 了 JavaScript 原先 设计 的 特性 。 还 包含 了 在 
JavaScript 中 发 现 的 类 型 ， 如 Array、Boolean、Error 、Number、 Object 和 String， 这 些 类 型 已 经 
被 扩展 为 包含 模仿 NET Framework 的 行为 。 如 表 7-5 所 示 列 出 了 这 些 类 型 的 一 些 常用 的 方法 。 


表 7-5 全 局 命名 空间 中 的 成 员 和 类 型 的 常用 方法 




















类 型 方 ” 法 用 途 
format 使 用 指定 的 格式 字符 串 和 参数 返回 一 个 格式 化 的 字符 串 ， 例 如 : 
Var str = String.format(Hello {0}'. name); 
endsWith 用 于 确定 一 个 字符 串 是 否 以 另 一 个 字符 串 作为 开始 或 结束 ， 例 如 : 
String startsWith Var isGemm ='Ge Mengmeng’ startsWith(Ge’): 
trim 删除 字符 串 前 面 和 后 面 的 空格 ， 例 如 : 
timEnd vartimmed=' ZhaoYanduo ‘trimO:/results in Zhao Yanduo 
trimStart 
parse 将 保留 包含 有 文本 true or 或 false 的 字符 串 转换 成 真正 的 布尔 值 , 出 现 其 他 值 
Boolean 时 则 抛 出 一 个 异常 ， 例 如 : 
var isTrue = Boolean . (true"): 
a format 可 以 获得 日 期 的 不 同 的 格式 化 字符 串 表 示 ， 例 如 : -| 
alert(new Date0.formmat(' 人 ): 与 
实 


尘 


客户 端 ASPNET AJAX Library 很 大 ， 所 以 并 不 总 是 能 很 容易 地 找到 需要 的 方法 、 类 或 命名 
空间 。 为 了 更 有 效 地 使 用 客户 端 库 ， 可 以 使 用 一 些 很 好 的 资源 。 第 一 个 就 是 “智能 感知 ”， 它 可 
以 在 不 同 的 类 型 中 提供 可 用 成 员 ， 它 通过 查找 指定 类 型 的 值 来 完成 这 个 工作 。 

例如 ， 如 图 7-7 所 示 ，VWD 推测 变量 name 的 类 型 是 字符 串 ， 这 是 因为 该 变量 提供 了 与 字 
符 串 相关 的 方法 ， 如 trim 和 trimStart， 这 两 个 方法 已 经 被 客户 端 库 添加 到 String 类 型 中 了 。 如 果 
指定 一 个 数字 给 变量 ， 就 会 得 到 一 个 与 数字 类 型 对 应 的 列表 ， 如 图 7-8 所 示 。 


var nane = 250; 





实测 十 沦 


var nane = "zhaoyd”; 
nane.| 





hasOvaProperty a 
3 a isprototypeOf 
see localeFornat 
hr © propertyTsEnomerable 
tastring 
toExponential 
es toFized 
9 trin 
: © teLecalastriag 
9 i oprecision 贡 
a tostrine 加 
图 7-7 智能 感知 推测 变量 为 字符 串 7-8 数字 类 型 变量 对 应 的 方法 列表 


许多 成 员 已 经 被 文档 化 ， 因 此 可 以 得 到 一 个 很 好 的 提示 文本 ， 来 说 明 如 何 使 用 这 些 成 员 。 
如 果 没 有 看 到 正确 的 方法 出 现 ， 则 可 能 是 页 面 (或 母 版 页 ) 中 没有 ScriptManager 控件 。 没 有 该 控 
件 ， 客 户 端 JavaScript 架构 框架 将 无 法 使 用 ， 因 此 VWD 就 会 禁止 使 用 浏览 器 的 最 终 页 面 中 不 可 
用 的 功能 。 有 时 “智能 感知 ”很 可 能 并 没有 在 列表 中 显示 所 期 望 的 成 员 , 但 是 这 并 不 能 说 明 这 些 
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方法 不 可 用 。 因 为 JavaScript 不 是 一 种 强 类 型 的 语言 ， 所 以 VWD 需要 做 许多 的 解析 、 推 断 和 猜 
测 工作 来 提供 正确 的 选项 。 

【 例 7-5】 客 户 端 ASP.NET AJAX Library 的 一 个 简单 应 用 。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 】 命 令 ， 新建 网 站 【 例 7-5】。 

(2) 在 Default.aspx 的 设计 视图 中 ， 添 加 一 个 ScriptManager。 

(3) 在 <ScriptManager> 的 结束 标记 下 方 ， 添 加 一 个 mput (Text) 和 一 个 Input (Button) 控 件 ， 
方法 是 从 工具 箱 的 HTML 类别 中 拖 动 它们 。 通过 使 用 纯 HTML 元 素 而 不 是 ASPNET 服务 器 控 
件 ， 可 以 看 到 要 写 的 代码 在 客户 端 执行 。 将 按钮 的 value 设置 为 “提交 ”。 相 应 的 代码 如 下 : 

<asp:ScriptManager ID="ScriptManagerl" runat="server"> 

</asp:ScriptManager> 

<input id="Text1" type="text" /> 

<input id="Button1" type="button" value=" 提 交 " /> 

(4) 在 这 两 个 HTML 控件 的 下 面 ， 添 加 如 下 客户 端 JavaScript 代码 块 : 


<Script type="text/javascript"> 
S$addHandler($get('Button1'), 'click’, Hello): 


finction Hello0 { 

基 Var name = $get('Text1'").value; 
础 if (name.length— 0) 
alert(" 请 输入 姓名 "); 

训 else 


alert("Hello " + name); 
‘</script> 





潼 济 圭 尖 


其 中 ，$addHandler 是 AJAX 框架 中 定义 的 Sys.ULDomEvent 类 的 addHandler 方法 的 一 个 快 

捷 方 式 。 可 以 用 它 在 页 面 中 注册 这 些 对 象 的 特定 事件 的 事件 处 理 程序 。 这 与 在 C# 服 务 器 端 代码 
中 看 到 的 事件 处 理 程序 类 似 。$get 来 获得 对 HIML 标记 的 引用 。 

如 提示 

S$get 和 $addHandler 最 大 的 好 处 是 可 以 在 任何 站 点 中 使 用 它们 。 所 需 做 的 就 是 在 母 版 页 或 内 容 页 内 





包含 ScriptManager 控件 ， 并 准备 使 用 客户 端 框架 。 


(5) 编译 并 运行 程序 ， 在 文本 框 中 输入 一 个 名 字 ， 单 击 【提交 】 按 钮 ， 将 弹出 相应 的 欢迎 
对 话 框 ， 如 图 7-9 所 示 。 





图 7-9 客户 端 AJAX Library 应 用 示例 
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@+ 上 机 练习 


本 章 的 上 机 练习 将 演示 ASPNET AJAX 控件 的 更 多 使 用 技巧 ， 包 括 进度 条 控件 
UpdateProgress 的 取消 功能 和 Timber 控件 定时 更 新 多 个 UpdatePanel。 通 过 上 机 练习 使 读者 进 一 
步 熟悉 ASPNET AJAX 控件 的 用 法 和 技巧 。 


4.1_ 进度 条 的 取消 功能 


UpdateProgress 控件 还 支持 另 一 个 技术 细节 : 即 支持 取消 命令 按钮 。 当 用 户 单 击 了 取消 按钮 
时 ， 蜡 步 回 调 将 立即 被 终止 ， 该 UpdateProgress 控件 将 消失 ， 页 面 恢复 到 原来 的 状态 。 

(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 上 机 练习 7-1】 .。 

(2) 在 【解决 方案 资源 管理 器 〗 面 板 中 ， 新 建 一 个 images 文件 夹 ， 然 后 添加 进度 条 动画 文 
件 progress.gif。 

(3) 在 Defaultaspx 的 设计 视图 中 ， 添 加 一 个 ScriptManager、 一 个 UpdatePanel 控件 和 一 个 
UpdateProgress 控件 。 

(4) 在 UpdatePanel 控件 中 添加 一 个 Label 控件 和 一 个 Button 控件 ， 设 置 Button 控件 的 Text 
属性 为 “提交 ”，Label 控件 的 Text 属性 为 “获取 当前 时 间 ” 。 

(5) 在 UpdateProgress 控件 中 添加 一 个 Inage 控件 , 其 ImageUrl 属性 指向 前 面 的 进度 条 动画 
图 片 progress.gif， 然 后 再 添加 一 个 HIML 控件 mput(Button)， 设 置 按钮 的 Text 属性 为 “取消 ”。 

(6) 切换 到 源 视图 ， 在 上 述 所 有 控件 的 下 面 添加 如 下 客户 端 JavaScript 代码 块 : 





KC 











将 是 你 腻 


测 填 并 兰 


<script type="text/javascript"> 
Var pm = Sys.WebForms.PageRequestManager.getInstance():; 
$addHandler($get(Button2'), 'click', AbortPostBack): 
Prm.add _initializeRequest(InitializeRequest): 
function InitializeRequest(sender., args) { 
这 prm.get_isInAsyncPostBackO) 
args.set_cancel(true); 


这 


} 
function AbortPostBackO { 
让 (pmm.get_isImnAsyncPostBackO) 
prm.abortPostBackO: 

} 
‘</script> 
上 述 代 码 将 “取消 ”按钮 的 Click 事件 连接 到 AbortPostBack0 方 法 ， 该 方法 用 来 取消 当前 的 

回 发 请 求 。 

(7) 添加 【提交 】 按 钮 控件 的 单 击 事件 处 理 程序 ， 代 码 如 下 : 
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protected void Buttonl_ Click(object sender. EventArgs e) 
四 
System .Threading.Thread.Sleep(5000): // 等 待 5 秒 
Labell.Text = DateTime.Now.ToStringO; 
} 
(8) 编译 并 运行 程序 ， 单 击 【〖 提 将 按钮， 在 回 发 过 程 中 单 击 【取消 〗】 按 钮 ， 将 取消 回 发 ， 
页 面 恢复 到 原来 的 状态 ， 如 图 7-10 所 示 。 


st:1115/ 上 机 练习 7-1/Defau. -。 革 | 右 | 医 | 

GO- 章 hee:/1iocuhestcvl tx 
名 各 查看 收 苛 交 Q) 工具 TD) 帮助 

请 安 | 和 teaoeansel | 一 | 价 - 回 - 友 


http://loc: t:1115/ 上 机 练习 7-1/Defau. .. 尾 ] 右 | 区] 
GO ~ | 着 mee:iseanse | tx | 攻 划 

文件 四 ”名 加 四、 查看 收 意 交 Q) 工具 大助 
富 安 看 http;//locdbost:ll 丛 " 回 - 蜗 " 


加 » 





加 获取 当前 时 间 














二 100k > 


图 7-10 取消 异步 回 发 


避 提示 





请 不 要 将 客户 端 方法 与 服务 器 端的 事件 处 理 相 混淆 : 客户 端 方法 允许 浏览 器 捕获 相应 的 事件 ， 并 使 
用 JavaScript 代码 进行 处 理 。 这 一 过 程 根 本 不 涉及 到 服务 器 端 。 事 实 上 ， 当 用 户 取消 一 个 操作 时 ， 服 务 


器 端 仍然 或 继续 处 理 该 请 求 ， 只 是 浏览 器 此 时 已 关闭 连接 并 停止 监听 。 


( 7 )4.2 ”定时 更 新 多 个 UpdatePanel 


在 下 面 的 上 机 练习 中 ， 将 使 用 一 个 Timer 控件 定时 更 新 两 个 UpdatePanel 控件 ，Timer 控件 
被 放 在 UpdatePanel 控件 的 外 面 ， 并 被 配置 为 UpdatePanel 的 触发 器 。 
(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【〖 上 机 练习 7-2】。 
(2) 在 Default.aspx 的 设计 视图 中 ， 添 加 一 个 ScriptManager 控件 和 两 个 UpdatePanel 控件 ， 
在 UpdatePanel 控件 中 添加 一 个 Label 控件 ， 用 于 显示 当前 时 间 。 
(3) 在 两 个 UpdatePanel 控件 之 外 ， 添 加 一 个 Timer 控件 ， 设 置 其 Interval 属性 为 “1000”， 
即 每 隔 1 秒 更 新 一 次 ， 并 设置 它 为 两 个 UpdatePanel 控件 的 异步 触发 器 。 
(4) 此 时 源 视图 中 生成 的 代码 如 下 : 
ee 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
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<ContentTemplate> 


<asp:Label ID="Labell" ninat "server" Text="Label"></asp:Label> 
</ContentTemplate> 

</asp:UpdatePanel> 

<asp:UpdatePanel ID="UpdatePanel2" mnat="server"> 
<ContentTemplate> 


<asp:Label ID="Label2" rnat="server" Text="Label"></asp:Label> 


</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="Timerl" EventName="Tick" /> 

</Triggers> 

</asp:UpdatePanel> 

<asp:Timer ID="Timerl" runat="server" Interval="1000" ontick="Timer] Tick"> 

</asp:Timer> 

</div> 


(5) 添加 Timer 控件 的 Tick 事件 处 理 程序 ， 代 码 如 下 : 


Pprotected void Timerl_Tick(object sender, EventArgs €) 
Labell.Text= "UpdatePanell 更 新 于 : 


"+ DateTime.Now.ToStringO: 
Label2.Text= "UpdatePanel2 更 新 于 : 


"+DateTime Now.ToString(): 
} 


(6) 编译 并 运行 程序 ， 可 以 看 到 每 间隔 1 秒 同时 刷新 两 个 UpdatePanel 控件 ， 如 图 7-11 所 示 。 


http://localhost:1198/ 上 机 练习 7-2/D... 属 | 磊 | 攻 
[1S ~ hp /locdbont: S| $+ x [RR 
文件 四 





妨 尾 G) 查看 QD) 收 宋 天 由 ) 工具 (I) 帮助 0 
帘 安 轧 http:/1leeahost1l | 合 " 加 


UpdatePanell 更 新 于 2011-7-10 12.19:49 
UpdatePanel2 更 新 于 ， 2011-7-10 12.19:49 
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图 7-11 同时 刷新 两 个 UpdatePanel 控件 


@; 习题 


1. 工具 箱 中 的 AJAX Extensions 类 别 中 有 ScriptManager 和 ScriptManagerProxy 控件 。 解 释 
这 两 个 控件 之 间 的 区 别 ， 并 解释 何 时 要 使 用 ScriptManager， 何 时 使 用 ScriptManagerProxy。 


2. UpdatePanel 控件 有 什么 作用 ? 如 何 让 UpdatePanel 控件 外 部 的 按钮 进行 异步 刷新 ? 





-231- 


CA ASP.NET 4.0 动态 网 站 开发 实用 教程 


基 
础 
与 
实 


衬 江 车 关 兰 








-232- 


3. 如 何 让 用 户 知道 部 分 页 面 更 新 正在 进行 ? 

4. UpdateProgress 控件 的 AssociatedUpdatePanelID 属性 有 什么 用 ? 

5. $addHandler 有 什么 作用 ? 

6. 上 机 操作 : 

@@ ”新 建 一 个 网 站 ， 在 Default.aspx 页 面 中 的 左上 角 显 示 当 前 的 时 间 ， 要 求 采用 局 部 刷新 
技术 。 

加 ”添加 一 个 网 页 ， 实 现 相 册 功 能 ， 通 过 “上 一 个 ”和 “下 一 个 ”按钮 ， 局 部 刷新 Image 
控件 ， 显 示 不 同 的 图 片 。 

@ ”添加 一 个 网 页 ， 实现 局 部 刷新 ， 要 求 刷新 过 程 中 给 用 户 提供 反馈 。 

@ ”在 上 面 的 进度 条 控件 中 ， 添 加 支持 “取消 ”命令 按钮 的 功能 。 





XML 和 Web 服务 





XML(eXtensible Markup Language, 扩展 标记 语言 )，NET 把 XML 作为 应 用 程序 之 问 传递 数 
据 的 一 种 主要 方法 。 本 章 将 介绍 XML 的 基本 概念 和 如 何 访问 XML.。 Web 服务 商定 了 下 一 代 Web 
应 用 程序 的 基础 ， 接 下 来 本 章 用 大 量 的 篇 幅 详细 介绍 了 Web 服务 的 基本 概念 以 及 如 何 创 建 和 调 
用 Web 服务 ， 包 括 在 AJAX 站 点 中 使 用 Web 服务 。 


(、 本 章 重点 


@®@ 了 解 XML 的 基本 概念 

@@ ”掌握 如 何 利 用 ADO.NET 访问 XML 
@ ”Web 服务 的 工作 原理 

@ ”创建 Web 服务 

@ “调用 Web 服务 

@ 支持 AJAX 的 Web 服务 


1 XML 概述 


XML 是 一 种 允许 用 户 用 来 创建 自己 的 标记 的 标记 语言 。 它 由 万 维 网 协会 (W3C) 创 建 ， 用 来 克 
服 HIML 的 局 限 。 和 HTML 一 样 ，XML 基于 SGMLI 一 一 标准 通用 标记 语言 (Standard Generalized 
Markup Language)。XML 是 SGML 上 的 一 个 子 集 , XML 包含 了 SGML 的 很 多 特性 , 但 是 比 SGML 
简单 得 多 。 

XML 是 一 种 类 似 于 HTML 的 标记 语言 ， 但 是 XML 不 是 HIML 的 替代 品 , XML 和 HTML 
是 两 种 不 同 用 途 的 语言 ， 其 中 最 主要 的 区 别 是 : XML 是 专门 用 来 描述 文本 的 结构 ， 而 不 是 用 于 
描述 如 何 显示 文本 的 ， 而 HTML 则 是 用 来 描述 如 何 显示 文本 的 。 
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XML 提供 了 一 种 保存 数据 的 格式 ， 数 据 可 以 通过 这 种 格式 很 容易 地 在 不 同 的 应 用 程序 之 间 
实现 共享 。 它 是 用 来 存放 数据 的 ， 可 以 利用 相关 的 XML APIMSXML DOM、JAVA DOM 等 ) 对 
XML 进行 存 取 和 查询 。 


(8)1.1 XML 的 基本 结构 


XML 不 像 HTML 那样 提供 了 一 组 事先 已 经 定义 好 的 标记 ， 而 是 提供 了 一 个 标准 。 利 用 这 个 
标准 ， 用 户 可 以 根据 需要 定义 自己 的 新 标记 。 准 确 地 说 ，XML 是 一 个 元 标记 语言 ， 它 允许 用 户 
根据 XML 的 规则 ， 定 义 各 种 各 样 的 标记 语言 。 

-个 简单 XML 文档 的 例子 如 下 : 


<?xml version="1.0" standalone="yes" ?> 
<!-- 下 面 存放 的 是 学 生 信息 -> 
<students> 
<student> 
<sno>11</sno> 
<sname> 赵 艳 萌 </sname> 
<sgender> 女 </sgender> 
<stelephone>010-82166054</stelephone > 
<saddress ”code="100084"> 北 京 </saddress> 
<cno>1</cno> 
</student> 
<student> 
<sno>12</sno> 
<sname> 葛 晓 轩 </sname> 
<sgender> 男 </sgender> 
<stelephone>0317-2058655</stelephone > 
<saddress code="061000"> 河 北 沧州 </saddress> 
<cno>2</cno> 
</student> 
</students> 


XML 文档 中 的 有 效 对 象 包括 元 素 、 根 元 素 、 子 元 素 、 处 理 指令 、 注 释 和 属性 。 

®@ 元素 、 根 元 素 和 子 元 素 

元 素 是 XML 文档 内 容 的 基本 单元 。 元 素 由 起 始 标 签 、 元 素 内 容 和 结束 标签 组 成 。 用 户 把 要 
描述 的 数据 对 象 放 在 起 始 标 签 和 结束 标签 之 间 , 如 果 一 个 元 素 从 文件 头 的 序言 部 分 之 后 开始 一 直 
到 文件 结尾 ， 包 含 了 文件 中 所 有 的 数据 信息 ， 那 么 就 称 之 为 根 元 素 ， 被 嵌 套 在 其 内 的 元 素 就 称 为 
子 元 素 。 如 上 面 的 XML 文档 中 ，<students> 是 根 元 素 ， 它 的 子 元 素 是 <student>，<studenf> 又 包 
含 6 个 子 元 素 : <sno>、<name>、< sgender>、<stelephonebirth >、<saddress> 和 <cno>。 
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@@ “处理 指令 

处 理 指令 给 XML 解析 器 提供 信息 ， 使 其 能 够 正确 解释 文档 内 容 ， 它 的 起 始 标识 是 “<2”， 
结束 标识 是 “?>”。 常 见 的 XML 声明 就 是 一 个 处 理 指令 : <?xml version = "1.0"2>。 

处 理 指令 还 可 以 有 其 他 用 途 ， 如 定义 文档 的 编码 方式 是 GB 码 还 是 Unicode 编码 方式 等 。 

@@ 注释 

注释 是 XML 文件 中 用 作 和 解释 的 字符 数据 ，XML 处 理 器 不 对 它们 进行 任何 处 理 。 注 释 是 用 
“<!--” 和 “ --> ” 括 起 来 的 ， 可 以 出 现在 XML 元 素 间 的 任何 地 方 ， 但 是 不 可 以 嵌 套 ， 如 上 例 
中 的 “<!-- 下 面 存放 的 是 学 生 信息 --> ”就 是 注释 。 

@@ ”属性 

属性 给 元 素 提 供 进一步 的 说 明 信 息 ， 它 必须 出 现在 起 始 标签 中 。 属 性 以 名 称 / 取 值 对 出 现 ， 
属性 名 不 能 重复 ， 名 称 与 取 值 之 间 用 等 号 “=” 分 隔 ， 并 用 引号 把 取 值 引 起 来 。 在 上 面 的 示例 中 ， 
code 就 是 <saddress> 元 素 的 属性 。 

为 了 使 一 个 XML 文档 结构 完整 ，XML 必须 遵守 一 定 的 规则 。 常 见 的 XML 文档 规则 如 下 : 

(1) 文档 必须 以 XML 版 本 声明 开始 。 

(2) 含有 数据 的 元 素 必 须 有 起 始 标记 和 结束 标记 。 每 个 起 始 标记 必须 以 相应 的 结束 标记 结 
束 。 如 果 一 个 文档 未 能 结束 一 个 标记 ， 浏 览 器 将 报错 。 

(3) 不 含 数据 并 且 仅 使 用 一 个 标记 的 元 素 必 须 以 “/>” 结 束 。 

(4) 文档 只 能 有 一 个 根 元 素 。 如 上 例 中 的 <students> 元 素 。 

(5) 元 素 只 能 嵌 套 不 能 重 登 。 

(6) 属性 值 必须 加 引号 。 如 : <saddress code="100084">。 


(8)1.2_XML 应 用 与 发 展 前 景 


XML 自 推 出 以 来 ， 尤 其 是 在 1998 年 2 月 成 为 W3C 推荐 标准 以 来 ， 受 到 了 广泛 的 支持 。 各 
大 软件 厂商 如 IBM、Microsoft、Oracle 等 都 积极 支持 并 参与 XML 的 研究 和 产品 化 工作 ， 先 后 推 
出 了 支持 XML 的 产品 或 者 改造 原 有 的 产品 以 支持 XML，W3C 也 一 直 致 力 于 完善 XML 的 整个 
理论 体系 。 

XML 虽然 获得 了 极 大 的 支持 , 但 是 它 还 有 一 段 路 要 走 。 首先, XML 的 规则 还 有 许多 技术 细 
节 没 有 解决 。 其 次 , 现在 虽然 出 现 了 一 些 XML 工具 和 应 用 , 但 是 其 市 场 反 应 还 有 待 进一步 观察 。 
另外 ，XML 的 出 现 和 迅猛 发 展 并 不 意味 着 HTML 即将 退出 互联 网 舞台 。 由 于 HTML 的 易学 易 
用 和 具有 非常 多 的 工具 支持 ，HTML 将 在 较 长 的 时 间 里 继续 在 Web 舞台 上 充当 主角 。 但 如 果 用 
户 想 超越 HTML 的 范围 ，XML 将 是 最 佳 的 选择 。 

无 论 如 何 ，XML 的 出 现 使 互联 网 跨 入 了 一 个 新 的 阶段 ， 它 已 成 为 因特网 领域 中 一 个 重要 的 
数据 交换 标准 和 开发 平台 。 没有 XML 就 没有 Web 服务 , 也 就 没有 今天 构建 应 用 软件 的 篆 释 烈 烈 
的 SOA(Service Oriented Architecture)。XML 的 诞生 已 经 而 且 将 继续 促使 全 新 种 类 的 基础 架构 和 
应 用 程序 的 产生 ， 而 这 些 新 的 基础 架构 和 应 用 程序 又 将 需要 新 的 软件 和 硬件 工具 。 可 以 预测 , 无 
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论 是 在 软件 还 是 硬件 上 ，XML 都 将 开辟 一 系列 的 新 市 场 ， 促 成 互联 网 上 新 的 革命 。 
作为 互联 网 的 新 技术 ，XML 的 应 用 非常 广泛 ， 可 以 说 XML 已 经 渗透 到 了 互联 网 的 各 个 角 
落 。 考 察 现在 的 XML 应 用 ， 可 以 分 为 以 下 几 个 方面 。 
1. 数据 交换 


利用 XML 在 应 用 程序 之 间作 数据 交换 已 不 是 什么 秘密 了 ， 毫 无 疑问 应 被 列 为 第 一 位 。 那 么 
为 什么 XML 在 这 个 领域 里 的 地 位 这 么 重要 呢 ? 原因 就 是 XML 使 用 元 素 和 属性 来 描述 数据 。 在 
数据 传送 过 程 中 ，XML 始终 保留 了 诸如 父 、 子 关系 这 样 的 数据 结构 。 几 个 应 用 程序 可 以 共享 和 
解析 同一 个 XML 文件 ， 不 必 使 用 传统 的 字符 串 解析 或 拆 解 过 程 。 

相反 ， 普 通 文 件 不 对 每 个 数据 段 做 描述 ， 也 不 保留 数据 关系 结构 。 使 用 XML 做 数据 交换 可 
以 使 应 用 程序 更 具有 弹性 ， 因 为 可 以 用 位 置 (与 普通 文件 一 样 或 用 元 素 (从 数据 库 ) 来 存 取 XML 
数据 。 


2. Web 服务 


Web 服务 是 最 令 人 激动 的 革命 之 一 ， 它 让 使 用 不 同系 统 和 不 同 编程 语言 的 人 们 能 够 相互 交 
流 和 分 享 数据 。 其 基础 在 于 Web 服务 器 用 XML 在 系统 之 间 交 换 数 据 。 

Web 服务 使 用 到 了 SOAP 协议 。SOAP 协议 是 一 套用 于 Web 服务 端 和 客户 端 通 信 的 标准 消 
息 控制 协议 ， 它 用 XML 构造 消息 ， 消 息 中 包含 了 服务 端 和 客户 端 所 需要 的 参数 或 值 。 

SOAP 协议 可 以 在 用 不 同 编程 语言 构造 的 对 象 之 间 传 递 消息 。 这 意味 着 一 个 C# 对 象 能 够 与 

-个 Java 对 象 进行 通信 。 这 种 通信 甚至 可 以 发 生 在 运行 于 不 同 操作 系统 上 的 对 象 之 间 。DCOM、 

CORBA 或 Java RMI 只 能 在 紧密 耦合 的 对 象 之 间 传 递 消息 , SOAP 协议 则 可 在 松 耦 合 对象 之 间 传 
递 消息 。 

3. 内 容 管理 


XML 只 用 元 素 和 属性 来 描述 数据 ， 而 不 提供 数据 的 显示 方法 。 这样, XML 就 提供 了 一 个 优 
秀 的 方法 来 标记 独立 于 平台 和 语言 的 内 容 。 

使 用 像 XSLT 这 样 的 语言 能 够 轻易 地 将 XML 文件 转换 成 各 种 格式 文件 ， 比 如 HTML、 
WML、PDF、EDI 等 。XML 具有 的 能 够 运行 于 不 同系 统 平台 之 间 和 转换 成 不 同 格式 目标 文件 
的 能 力 使 得 它 成 为 内 容 管理 应 用 系统 中 的 优秀 选择 。 


4. Web 集成 


现在 有 越 来 越 多 的 设备 支持 XML 了 ， 这 使 得 Web 开发 商 可 以 在 个 人 电子 助理 和 浏览 器 之 
间 用 XML 来 传递 数据 。 将 XML 文本 直接 送 进 这 样 的 设备 ， 可 以 使 用 户 能 够 自己 掌握 数据 显示 
方式 。 常 规 的 客户 /服务 (C/S) 方 式 为 了 获得 数据 排序 或 更 换 显示 格式 ， 必 须 向 服务 器 发 出 申请 ， 
而 XML 则 可 以 直接 处 理 数 据 ， 不 必 经 过 向 服务 器 申请 查询 、 返 回 结果 这 样 的 双向 “旅程 ”， 同 
时 设备 也 不 需要 配制 数据 库 , 甚至 还 可 以 对 设备 上 的 XML 文件 进行 修改 并 将 结果 返回 给 服务 器 。 
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5. 配置 文件 


许多 应 用 都 将 配置 数据 存储 在 各 种 文件 中 ， 比 如 .NI 文件。 虽然 这 样 的 文件 格式 已 经 使 用 多 
年 并 一 直 很 好 用 ， 但 是 XML 还 是 以 更 为 优秀 的 方式 为 应 用 程序 标记 配制 数据 。 使 用 NET 中 的 
类 ， 如 XmlDocument 和 XmlTextReader， 将 配置 数据 标记 为 XML 格式 ， 能 使 其 更 具 可 读 性 ， 并 
能 方便 地 集成 到 应 用 系统 中 去 。 使 用 XML 配置 文件 的 应 用 程序 能 够 方便 地 处 理 所 需 数据 ， 不 用 
像 其 他 应 用 那样 要 经 过 重新 编译 才能 修改 和 维护 应 用 系统 。 


-2 使 用 ADO.NET 访问 XML 


在 前 面 已 经 讨论 了 如 何 使 用 ADO.NET 访问 数据 库 的 问题 。 数据库 是 进行 数据 存储 和 管理 的 

-种 习惯 的 方式 ， 现 在 ，XML 已 逐步 成 为 数据 存储 的 一 种 新 的 方式 ， 因 此 可 以 考虑 将 数据 保存 

在 XML 文档 中 ， 并 采用 一 定 的 方法 对 它 进行 管理 。ADONET 提供 了 对 XML 数据 访问 的 功能 。 
下 面 就 介绍 如 何 使 用 ADONET 访问 XML 数据 。 


(8)2.1 读 写 XML 文件 


使 用 DataSet 的 ReadXml 方法 可 以 读 取 XML 文档 的 所 有 数据 ， 使 用 WriteXml 方法 可 以 将 

数据 保存 到 XML 文件 中 。 下 面 通过 一 个 例子 来 说 明 读 写 XML 文件 的 方法 。 
【 例 8-1】 读 写 XML 文档 。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 ]】 命 令 ， 新建 网 站 【 例 8-1】. 

(2) 在 【解决 方案 资源 管理 器 〗 面 板 中 ， 右 击 【 例 8-1】 解 决 方案 ， 从 弹出 的 快捷 菜单 中 选 
择 【 添 加 新 项 】 命 令 ， 添 加 一 个 名 为 Students xml 的 XML 文件 ， 文 件 的 内 容 如 前 面 的 XML 文 
件 示 例 所 示 ， 删 除 <saddress> 元 素 的 code 属性 。 

(3) 打开 Default.aspx 文件 的 设计 视图 , 添加 两 个 Button 控件 和 一 个 GridView 控件 , Button 
控件 的 Text 属性 分 别 为 “ 读 取 数 据 ” 和 “修改 并 保存 数据 ”。 

(4) 为 两 个 按钮 添加 单 击 事件 处 理 程序 ， 代 码 如 下 : 





protected void Buttonl_Click(object sender, EventArgs e) 
DataSet ds = new DataSetO: 
ds.ReadXml(Server.MapPath("Students.xml"));// 读 取 XML 数据 到 DataSet 数据 集 
GridView1.DataSource = ds.Tables[0].DefaultView:// 绑 定数 据 源 
GridViewl.DataBind0): 

} 

protected void Button2_Click(object sender. EventArgs €) 

{ 
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DataSet ds = new DataSetO: 
ds.ReadXml(Server MapPath("Students .xml")): 
// 将 数据 表 ds 的 数据 复制 到 DataTable 对 象 
DataTable dtable = ds.Tables[0]: 
/用 DataRowCollection 对 象 获取 这 个 数据 表 的 所 有 数据 行 
DataRowCollection rows = dtable.Rows: 
/修改 操作 ， 逐 行 遍 历 ， 取 出 各 行 的 数据 
for (inti= 0:i<rows.Count: i++) 
{ 
DataRow row = rows[i]: 
/| 给 每 位 学 生 的 学 号 加 1 
row[0] = Int32.Parse(row[0].ToString0) + 1: 
} 
ds. WriteXml(Server.MapPath("Students.xml")):// 将 DataSet 数据 写成 XML 文本 
全 / 暑 定 数据 源 ， 重 新 加 载 并 显示 
- GridViewl DataSource = ds.Tables[0] DefaultView- 
GridView1.DataBindO; 





} 
(5) 编译 并 运行 程序 ， 启 动 默认 浏览 器 打开 Default.aspx 文件 ， 单 击 【 读 取 数 据 】〗 按 钮 ， 读 
取 XML 文件 中 的 内 容 显示 到 GridView 控件 中 ， 如 图 8-1 所 示 。 


(6) 单 击 【 修 改 并 保存 数据 〗 按 钮 ， 将 把 每 个 学 生 的 学 号 都 加 1 并 保存 ， 然 后 重新 加 载 并 
显示 ， 如 图 8-2 所 示 。 
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列 GO- 芒 Mp /lochost: 可 t+ x OO- 硬 e:ieeakesc ;|X | | 剖 
文件 四 编辑 也 ) 查看 QW) 收藏 次 人) 工具 CT) 帮助 0 文件 四 ”编辑 (查看 0 收藏 严 ) 工具 CD) 帮助 0) 
帘 益 | 克 http://loeuhost:l0- 偷 " 四 帘 安 其 http;//locuhostil0 | 僵 " 四 
[| [信永 开 保 丰 开 所 
sno sname sgender stelephone saddress cno sgender e saddress cmo 
11 赵 艳 荫 女 010-82166054 北 京 1 x 010-82166054 北 京 1 
12 葛 晓 轩 男 。 ”0317-2058655 河 北 沧州 2 0317-2058655 河 北 沧州 2 
本 本 地 Intranet 下 100x ~ 嫩 本 地 Intranet 二 10ok 、 
图 8-1 读 取 XML 文件 中 的 数据 图 8-2 修改 并 保存 数据 
WD 二 


1 通过 例 8-1 可 以 看 到 ， 使 用 ADONET 编辑 XML 文档， 实际 上 就 是 对 DataSet 数据 集 数 据 的 编辑 。 
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(8 )2.2 ”将 数据 库 数 据 转换 成 XML 


如 果 数 据 集 DataSet 中 填充 的 是 数据 库 中 的 数据 ， 那 么 调用 WriteXml 方法 后 ， 即 可 将 数据 
库 数 据 转换 成 XML 文档 ， 例 8-2 演示 了 这 一 操作 。 
【 例 8-2】 将 数据 库 数据 转换 成 XML 文档 。 
(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 8-2】，。 
(2) 切换 到 Defaultaspx 文件 的 设计 视图 ， 添 加 一 个 Button 控件 、 一 个 Label 控件 和 一 个 
GridView 控件 ， 设 置 Button 控件 的 Text 属性 为 “保存 数据 到 XML”。 
(3) 切换 到 后 台 代码 文件 ， 添 加 ADONET 命 空间 的 引用 ， 代 码 如 下 : 


using System.Data.SqlClient: 
using System.Data; 


(4) 为 按钮 添加 单 击 事件 处 理 程序 ， 使 用 SqlDataAdapter 填充 数据 集 ， 将 学 生 表 Student 中 
的 数据 保存 到 XML 文件 中 ， 并 显示 在 GridView 控件 中 ， 代 码 如 下 : 


protected void Buttonl_Click(object sender, EventArgs ©) 
{ 
string strConnect = "Data Source=zhao\tsinghua;Initial Catalog=InfoManage:Integrated 
Security=True:user=sa;password=Sapassword"; 
SqlConnection con = new SqlConnection(strConnect): 
DataSet ds = new DataSetO: 
ty 
8 
con.Open0: 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", con); 
sqldFill(ds, "student");// 用 Fil 方法 填充 DataSet 
sqld.Update(ds. "student"): 
GridView1.DataSource = ds.Tables["student"]: 
GridView1l.DataBind0: 
ds.WriteXml(Server.MapPath("stuinfo.xml")): 
Labell.Text= "保存 XML 文件 成 功 !"; 
} 
catch (Exception ex) 
Labell.Text= "操作 失败 ， 失 败 原 因 : "+ ex.Message: 


con.Close(): 
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con = mull: 


} 


(5) 编译 并 运行 程序 ， 在 浏览 器 中 加 载 Default.aspx 页 面 ， 单 击 【保存 数据 到 XML 按钮 ， 
效果 如 图 8-3 所 示 。 


文件 中 久 辑 下) 查看 WD 收藏 赤 由 工具 上 帮助 0 
窒 站 | 站 Miecost:2 | 偷 - 卜 - 狂 - 


保存 XML 文件 成 功 | 


Sno Smame Sgender Stelephone Saddress 

1 赵 艳 铎 M 15910806516 北 京 市 海淀 区 1 
2 小 石头 M ”82166054 ”浙江 省 杭州 市 2 
3 草 戎 戎 F 03172053456 河 北 省 沧州 市 1 
4 人 金 百合 F 03176854531 河北 省 沧州 市 2 


本 地 Intranet 


图 8-3 页 面 运行 效果 











(6) 在 网 站 的 根 目 录 ， 打 开 程序 运行 时 保存 的 stuinfo xml 文件 ， 内 容 如 下 : 


<?xml version="1.0" standalone="yes"?> 
<NewDataSe> 
<student> 
<Sno>1</Sno> 
<Sname> 赵 艳 铎 </Sname> 
<Sgender>M</Sgender> 
<Stelephone>15910806516</Stelephone> 
<Saddress> 北 京 市 海淀 区 </Saddress> 
<Cno>1</Cno> 
</student> 
<student> 
<Sno>2</Sno> 
<Sname> 小 石头 </Sname> 
<Sgender>M</Sgender> 
<Stelephone>82166054</Stelephone> 
<Saddress> 浙 江 省 杭州 市 </Saddress> 
<Cno>2</Cno> 
</student> 
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<Sgender>F</Sgender> 
<Stelephone>03172053456</Stelephone> 
<Saddress> 河 北 省 沧州 市 </Saddress> 
<Cno>1</Cno> 
</student> 
<student> 
<Sno>4</Sno> 
<Sname> 金 百合 </Sname> 
<Sgender>F</Sgender> 
<Stelephone>03176854531</Stelephone> 
<Saddress> 河 北 省 沧州 市 </Saddress> 
<Cno>2</Cno> 
</student> 
</NewDataSet> 


可 以 看 出 ， 这 个 文档 保存 了 student 数据 表 中 所 有 的 数据 。 其 中 使 用 <NewDataSet> 作 为 根 结 
点 标记 ，<student> 作 为 每 个 记录 的 标记 (student 是 sqld.Fill(ds, "student") 语 句 中 使 用 的 名 字 )， 男 
外 ， 每 个 字段 的 名 字 作 为 数据 元 素 的 标记 名 。 


@ 5 Web 服务 概述 


Web 服务 黄 定 了 下 一 代 Web 应 用 程序 的 基础 。 客 户 应 用 程序 无 论 是 Windows 应 用 程序 , 还 

是 ASPNET Web 应 用 程序 , 无 论 客户 程序 是 运行 在 Windows、Pocket Windows 还 是 其 他 操作 系 

统 上 , 它们 都 可 以 通过 Intemet 使 用 Web 服务 定期 通信 。Web 服务 是 服务 器 端的 程序 , 用 来 监听 

来 自 客 户 应 用 程序 的 消息 ， 并 返回 特定 的 信息 。 这 些 信息 可 能 来 自 Web 服务 本 身 ， 也 可 能 是 同 
-个 域 中 的 其 他 组 件 ， 或 其 他 Web 服务 。 

















(8)3.1 什么 是 Web 服务 


简单 地 讲 ，Web 服务 是 一 个 基于 因特网 的 可 通过 Web 被 远程 调用 的 应 用 程序 模块 (APD， 例 
如 若 网 站 想 提供 天 气 预 报 服务 ， 并 不 用 自己 实现 天 气 预报 功能 ， 只 需 调 用 其 他 公司 提供 的 免费 或 
付费 Web 服务 即 可 。 
@@ ”服务 就 是 一 个 软件 , 它 和 客户 端 应 用 程序 没有 很 紧密 地 耦合 或 关联 。 服 务 是 可 以 被 动态 
地 发 现 及 组 合成 其 他 软件 的 软件 实体 。 
@ ”Web 服务 是 一 种 基于 XML、JSON、SOAP、HTTP、UDDI、WSDL 等 一 系列 标准 实现 
的 分 布 式 计算 技术 和 软件 组 件 。 
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@@ ”Web 服务 提供 了 一 个 松 耦 合 和 跨 平台 的 分 布 式 计算 环境 ， 它 是 一 个 与 操作 系统 无 关 、 
程序 设计 语言 无 关 、 机 器 类 型 无 关 、 运 行 环境 无 关 的 平台 ， 实 现 网 络 上 应 用 的 共享 ， 并 
可 用 于 复杂 的 系统 集成 。 
微软 为 Web 服务 下 的 定义 是 通过 标准 的 Web 协议 可 编程 访问 的 Web 组 件 。 每 个 Web 服务 
的 实现 是 完全 独立 的 。Web 服务 具有 基于 组 件 的 开发 和 Web 开发 两 者 的 优点 ， 是 Microsoft 
的 NET 程序 设计 模式 的 核心 。 
际 标 准 化 组 织 W3C 为 Web 服务 下 的 定义 是 一 个 通过 URL 识别 的 软件 应 用 程序 , 其 界面 
及 绑 定 能 用 XML 文档 来 定义 、 描 述 和 发 现 ， 使 用 基于 Intemet 协议 上 的 消息 传递 方式 与 其 他 应 
用 程序 进行 直接 交互 。 
1. Web 服务 的 影响 


(1) Web 服务 支持 在 Web 站 点 上 放置 可 编程 的 元 素 , 用 户 可 以 抓 取 已 有 的 元 素 , 构成 自己 的 
新 服务 。 

(2) 能 进行 基于 Web 的 分 布 式 计算 和 处 理 ， 能 很 好 地 兼容 现 有 的 Web 技术 。 

(3) Web 服务 使 得 Internet 成 为 一 个 可 以 无 限 扩展 、 拥 有 无 限 潜力 的 分 布 式 计算 平台 。 

(4) 任何 设备 可 以 随时 随地 访问 Intemet 上 的 Web 服务 。 

(5) 软件 模块 充分 复 用 、 计 算 机 资源 充分 共享 、 信 息 无 颖 共享 和 交流 。 

(6) 利用 Web 服务 ， 公 司 和 个 人 将 能 够 迅速 且 廉 价 地 向 整个 国际 互联 网 络 提供 他 们 的 服务 ， 
进而 建立 全 球 范围 的 联系 ， 在 广泛 的 范围 内 寻找 可 能 的 合作 伙伴 。 

2. Web 服务 的 主要 特征 


(1) 互 操作 性 : 一 个 Web 服务 可 与 其 他 Web 服务 交互 ， 协 同 工 作 ; 可 以 使 用 任何 语言 开发 
Web 服务 或 使 用 他 人 提供 的 Web 服务 ， 开 发 环境 可 以 异 构 。 

(2) 普遍 性 : Web 服务 使 用 HTTP 和 XML 进行 通信 ， 支 持 这 些 技术 的 设备 都 可 以 拥有 和 访 
问 Web 服务 。 

G3) 松散 耦合 ， Web 服务 的 实现 对 使 用 者 透明 ， 当 服务 的 实现 发 生变 动 时 不 影响 用 户 使 用 。 

(4) 高 度 可 集成 能 力 : Web 服务 和 采用 了 简单 的 、 易 理解 的 标准 Web 协议 作为 组 件 界面 描 
述 和 协同 描述 规范 ， 屏 项 了 平台 的 异 构 性 ，CORBA、DCOM、EJB 等 都 可 通过 它 进行 互 操 作 。 


(8)3.2 ASP.NET Web 服务 体系 


.NET 平台 和 ASPNET 在 创建 和 使 用 Web 服务 方面 提供 了 广泛 的 支持 。 这 些 技 术 赋 予 用 户 

-个 优秀 的 、 简 单 易 用 的 平台 ， 从 而 可 以 快速 有 效 地 创建 和 使 用 Web 服务 。 如 图 8-4 所 示 就 是 
ASPNET Web 服务 的 体系 结构 。 

ASPNET Web 服务 体系 包括 客户 端 应 用 程序 、ASPNET Web 服务 程序 以 及 一 些 文件 ， 如 ; 

代码 文件 、.asmx 文件 和 编译 后 的 .dl 文件 ; 还 包括 一 台 Web 服务 器 来 存 载 Web 服务 程序 和 客户 
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端 。 如 果 和 需要， 还 可 以 有 一 台数 据 库 服务 器 来 存 取 Web 服务 中 的 数据 。 

SOA(Service Oriented Architecture)Web 服务 的 架构 如 图 8-5 所 示 。 其 中 包括 服务 提供 者 、 服 
务 请 求 者 、 服 务 中 介 者 3 个 参与 者 和 发 布 、 发 现 、 绑 定 3 个 基本 操作 。 

XML 或 JSON 是 数据 的 格式 ，SOAP 是 调用 Web 服务 的 协议 ，WSDL 是 描述 Web 服务 的 
格式 ， 而 UDDI 是 Web 服务 发 布 、 查 找 和 利用 的 组 合 。 





Cnsga 服务 提供 者 
本 由 服务 器 ADONET 数 据 让 Sm ) 


图 8-4 ASPNET Web 服务 体系 图 8-5 SOA Web 服务 架构 














图 ”SOAP(Simple Object Access Protocol): SOAP 是 一 套用 于 Web 服务 端 和 客户 端 通信 的 标 
准 消息 控制 协议 ，SOAP 用 XML 构造 消息 ， 消 息 中 包含 了 服务 端 和 客户 端 所 需要 的 参 
数 或 值 。 

®@ WSDL(Web Services Description Language): WSDL 是 Web 服务 描述 语言 。 可 以 认为 
WSDL 文件 是 一 个 XML 文档 , 用 于 说 明 一 组 SOAP 消息 以 及 如 何 交 换 这 些 消 息 。 换 句 
话说 ，WSDL 对 于 SOAP 的 作用 就 像 IDL 对 于 CORBA 或 COM 的 作用 。 通 常 WSDL 
文档 由 软件 生成 和 使 用 。 

® UDDI(Universal Description Discovery and Integration): UDDI 是 Web 服务 的 黄页 。 与 传 
统 黄页 一 样 ,用 户 可 以 搜索 提供 所 需 服务 的 公司 ， 阅 读 以 了 解 所 提供 的 服务 ， 然 后 与 某 
人 联系 以 获得 更 多 信息 。 当 然 用 户 也 可 以 提供 Web 服务 而 不 在 UDDI 中 注册 ， 就 像 在 
地 下 室 开展 业务 一 样 ,依靠 的 是 口头 吃喝 ; 但 是 如 果 希 望 拓展 市 场 ， 则 需要 UDDI 以 便 
能 被 客户 发 现 。 


(8)3.3 支持 AJAX 的 Web 服务 


ASP.NET AJAX 提供 了 完整 的 架构 以 从 客户 端 JavaScript 调用 ASP.NET Web 服务 。 设 计 者 
可 以 轻松 地 用 AJAX 把 服务 器 端的 数据 和 功能 集成 到 用 户 响应 的 Web 页 面 中 ， 而 所 需要 做 的 就 
是 仅仅 用 [ScriptService] 属 性 来 标识 Web 服务 。ASPNET AJAX 框架 会 为 Web 服务 自动 生成 
JavaScript 代理 ， 然 后 通过 使 用 代理 来 调用 Web 方法 。 

JSON(JavaScript Object Notation) 是 一 种 轻 量 级 的 数据 交换 格式 ， 易 于 阅读 和 编写 ， 易 于 机 器 
解析 和 生成 。JSON 采用 完全 独立 于 语言 的 文本 格式 ， 使 用 了 类 似 于 C 语言 家 族 的 习惯 。 这 些 特 
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性 使 JSON 成 为 理想 的 数据 交换 语言 。 

JSON 建构 于 以 下 两 种 结构 : 

(1)“ 名 称 / 值 ? 对 的 集合 。 不 同 的 语言 中 , 它 被 理解 为 对 象 (objecb、 记 录 ( 人 record)、 结 构 (stmcb、 
字典 (dictionary)、 哈 希 表 (hash table)、 有 键 列表 (keyed lisb 或 者 关联 数组 (associative array)。 

(2) 值 的 有 序列 表 。 在 大 部 分 语言 中 ， 它 被 理解 为 数组 (array)。 

这 些 都 是 常见 的 数据 结构 。 事实 上 大 部 分 现代 计算 机 语言 都 以 某 种 形式 支持 它们 。 这 使 得 一 
种 数据 格式 在 同样 基于 这 些 结构 的 编程 语言 之 间 交 换 成 为 可 能 。 

JSON 以 一 种 特定 的 字符 串 形 式 来 表示 JavaScript 对 象 。 如 果 将 具有 这 样 一 种 形式 的 字符 串 
赋 给 任意 一 个 JavaScript 变量 ， 那 么 该 变量 会 变 成 一 个 对 象 引用 ， 而 这 个 对 象 就 是 字符 串 所 构建 
出 来 的 。 

例如 : 假设 需要 创建 一 个 User 对 象 ， 并 具有 用 户 ID、 用 户 名 、 用 户 Email 这 3 个 属性 ， 可 
以 使 用 以 下 JSON 形式 来 表示 User 对 象 : 

{"UserID":110, "Name":" 葛 萌 萌 ", "Email":gemm@gmail.com"}; 

如 果 把 这 一 字符 串 赋予 一 个 JavaScript 变量 ， 那 么 就 可 以 直接 使 用 对 象 的 任 一 属性 了 。 完 整 
代码 如 下 : 

<script>var User = {"UserID":110, "Name":"Sunny", "Email":":happy(@gmail.com"}; 

alert(UserName): </script> 

借助 ASP.NET AJAX Extension， 微 软 选 择 JSON 在 服务 器 和 AJAX 客户 端 实现 数据 交换 ， 
从 而 创建 支持 AJAX 的 Web 服务 。 在 客户 端 和 服务 器 端 都 实现 了 数据 的 串 行 化 器 和 并 行 化 器 以 
使 数据 按 JSON 的 格式 交换 。 网 页 中 的 客户 端 脚本 与 服务 器 通过 Web 服务 通信 层 进 行 通信 来 访 
问 Web 服务 ， 该 通信 层 使 用 AJAX 技术 进行 Web 服务 调用 ， 数 据 在 客户 端 与 服务 器 之 间 通 常 采 
用 JSON 格式 进行 异步 交换 。 


a ear 二 na 加 
默认 将 JavaScript 对 象 序列 化 为 JSON 格式 ， 使 用 JavaScript 的 eval 函数 可 以 进行 反 序列 化 。 但 Web 服务 


i 
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在 NET Framework 中 ， 可 以 很 容易 创建 和 使 用 Web 服务 。 与 Web 服务 相关 的 命名 空间 有 
以 RS 不 


[全 兴 
第 8 章 XML 和 Web 服务 | 
4 
@ ”System.Web.Services: 该 命名 空间 中 的 类 用 于 创建 Web 服务 。 
@ System.Web.Services.Description: 使 用 该 命名 空间 可 以 通过 WSDL 描述 Web 服务 。 
图 ”System.Web.Services.Protocols: 使 用 该 命名 空间 可 以 创建 SOAP 请 求 和 响应 。 


(8)4.1 Webservice 类 


要 创建 Web 服务 , 可 以 从 System.Web.Services.WebService 中 派生 Web 服务 类 。WebService 
类 提供 了 对 ASP.NET Application 和 Session 对 象 的 访问 。WebService 类 的 常用 属性 如 表 8-1 所 示 。 
表 8-1 WebService 类 的 常用 属性 
属 性 说 明 
Application | 为 当前 请 求 返 回 一 个 HttpApplicationState 对 象 
Context 返回 一 个 封装 HTTP 特定 信息 的 HttpContext 对 象 。 可 以 从 中 读 取 HTTP 标题 信息 已 
返回 一 个 HttpServerUtility 对 象 。 这 个 类 有 一 些 方法 ， 可 以 进行 URL 编码 和 解码 让 








返回 一 个 HttpSessionState 对 象 ， 以 存储 客户 端的 一 些 状态 






接口 的 用 户 对 象 。 使 用 这 个 接口 可 以 得 到 用 户 名 和 身份 验证 类 型 
返回 Web 服务 使 用 的 SOAP 版 本 。SOAP 版 本 封装 在 SoapProtocolVersion 枚 举 中 






基 

础 

与 

1. WebService 属性 

与 普通 的 类 继承 不 同 的 是 ，WebService 的 子 类 需要 用 WebService 属性 来 标记 ， 该 属性 用 于 四 

向 XML Web 服务 添加 附加 信息 ， 如 描述 其 功能 的 字符 串 。 这 是 一 个 WebServiceAttribute 类 的 对 系 





这 


象 ， 共 有 3 个 可 选 属性 ， 如 表 8-2 所 示 。 
表 8-2 WebServiceAttribute 类 的 属性 


属 性 说 了 明 
Description 服务 的 描述 信息 ， 可 用 于 WSDL 文档 
Name 获取 或 设置 Web 服务 名 称 
获取 或 设置 Web 服务 的 XML 命名 空间 。 其 默认 值 为 htp:/tempuri.org， 用 于 测试 ,但 在 开发 这 
Namespace 


个 服务 前 ， 应 修改 该 命名 空间 





2. WebServiceBinding 属性 


NET 2.0 给 Web 服务 添加 了 一 个 新 属性 WebServiceBinding。 这 个 属性 用 于 把 Web 服务 标 
记 为 可 交互 操作 的 一 致 性 级 别 。 如 表 8-3 所 示 列 出 了 WebServiceBindingAttribute 类 的 一 些 属性 。 
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表 8-3 WebServiceBindingAttribute 类 的 属性 

















属 性 说 明 
Web 服务 的 一 致 性 级 别 可 以 设置 为 WsiClaims 枚 举 的 一 个 值 。WsiClaims 有 两 个 值 : 
ConformanceClaims Web 服务 遵循 Basic Profile 1.0 时 ,其 值 为 BP10; 没有 定义 任何 一 致 性 级 别 时 ， 其 值 为 
None 
| EmitConformanceClaims 是 一 个 布尔 属性 ， 定 义 了 用 ConformanceClaims 属性 指定 的 一 
EmitConformanceClaimgs 
致 性 级 别 是 否 应 传送 给 生成 的 WSDL 文档 
使 用 Name 属性 可 以 定义 绑 定 的 名 称 。 该 名 称 默 认 与 Web 服务 相同 ， 但 要 加 上 Soap 
局 
于 字符 上 
_ Location 属性 定义 了 绑 定 消息 的 位 置 ， 例 如 
Location 
http://www.timeout.com/Webservice.asmx?wsdl 
Namespace Namespace 属性 定义 了 绑 定 的 XML 命名 空间 


3. WebMethod 属性 


Web 服务 中 可 以 使 用 的 所 有 方法 都 必须 用 WebMethod 属性 来 标记 。 当 然 ， 也 可 以 有 其 他 没 
有 用 WebMethod 标记 的 方法 ， 但 这 些 方法 只 能 在 WebMethod 中 调用 ， 而 不 能 在 客户 机 上 调用 。 
使 用 属性 类 WebMethodAttribute， 就 可 以 在 远程 客户 机 上 调用 方法 ， 并 可 以 定义 是 否 缓存 响应 ， 


缓存 时 间 有 多 长 ， 


会 话 状态 是 否 与 指定 的 参数 一 起 存储 等 。WebMethod Attribute 类 的 属性 如 表 











8-4 所 示 。 
表 84 WebMethodAttribute 类 的 属性 
属 性 说 明 

获取 或 设置 响应 是 否 应 缓存 的 标志 。 默 认 值 为 tue。 使 用 被 缓存 的 响应 ， 仅 可 以 将 已 完成 
BufferResponse 

的 软件 包 传递 给 客户 机 
ER 使 用 这 个 属性 可 以 设置 结果 应 缓存 的 时 间 长 短 。 如 果 在 这 个 属性 设置 的 时 间 段 中 第 二 次 发 

achel on 

出 了 相同 的 请 求 ， 就 返回 缓存 的 值 。 默 认 值 为 0， 这 表示 结果 不 缓存 
Description 该 描述 用 于 给 预期 的 用 户 生成 服务 帮助 页 面 

布尔 值 ， 表 示 会 话 状态 是 否 有 效 。 默 认 值 是 flse， 因 此 WebService 类 的 Session 属性 不 能 
EnableSession 

用 于 存储 会 话 状态 
MessageName 默认 状态 下 ， 把 消息 名 设置 为 方法 名 
TransactionOption_| 这 个 属性 表示 方法 的 事务 处 理 支持 。 默 认 值 是 Disabled 


4. ScriptService 属性 


System.Web.Script.Services.ScriptService 属性 用 于 使 用 ASP.NET AJAX 从 脚本 中 调用 Web 服 
务 。ScriptService 属性 的 主要 参数 如 表 8-5 所 示 。 
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表 8-5 ScriptService 属性 的 主要 参数 
属 性 说 明 





ResponseFormat 


指定 是 否 将 响应 序列 化 为 JSON 或 者 XML。 默 认为 JSON， 但 是 ， 当 方法 的 返回 值 是 
XmlDocument 时 ，XML 格式 会 比较 方便 








UseHttpGet | 表明 是 否 可 以 使 用 HTTP GET 调 用 Web 服务 方法 。 由 于 安全 性 原因 , 此 项 的 默认 设置 为 false 





表明 包括 字符 串 在 内 的 所 有 返回 类 型 是 否 都 序列 化 为 XML, 默认 为 false， 当 响应 格式 设置 


XmlSerializeString 


为 JSON 时 ， 将 忽略 该 属性 的 值 





模板 。 可 以 使 用 【添加 新 项 】 对 话 框 来 添加 Web 服务 。 然 后 可 以 修改 服务 ， 并 在 Web 浏览 器 中 
使 用 ASPNET 运行 库 自动 创建 的 标准 测试 页 面 测 试 它 。 当 Web 服务 正确 运行 时 ， 就 可 以 调用 该 
服务 。 


其 中 HelloWorld 是 默认 的 ，AuthCode 用 于 返回 一 个 验证 码 图 片 的 二 进 制 数 据 。 


择 【 添 加 新 项 〗 命 令 ， 选 择 【Web 服务 】〗 模 板 ， 添 加 名 为 WebService.asmx 的 Web 服务 。 


在 网 站 目录 中 会 生成 WebService.asmx 文件 ， 如 图 8-6 所 示 。 


(8)4.2 创建 Web 服务 


使 用 VWD 创建 Web 服务 非常 简单 。 与 其 他 所 有 文档 类 型 一 样 ，VWD 也 附带 有 Web 服务 


下 面 创 建 一 个 简单 的 Web 服务 , 该 Web 服务 提供 了 两 个 方法 调用 : HelloWord 和 AuthCode。 


【 例 8-3】 创 建 Web 服务 ， 返 回 字母 和 数字 组 成 的 验证 码 数据 。 
(1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 8-3】。 
(2) 在 【解决 方案 资源 管理 器 〗 面 板 中 ， 右 击 【 例 8-3】〗 解 决 方案 ， 从 弹出 的 快捷 菜单 中 选 





(3) 此 时 在 网 站 的 【App_Code】 文 件 夹 下 会 自动 生成 一 个 名 为 WebService.cs 的 文件 ， 同 时 


(4) 自动 生成 的 WebService.cs 文件 的 代码 如 下 所 示 。 


Using System 

using System.Collections.Generic: 

using System .Lind: 

using System Web: 

Using System. Web.Services: 

1/ <summary> 

/W/WebService 的 摘要 说 明 

/</summary> 

[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles BasicProfilel 1)] 
// 若 要 允许 使 用 ASPNET AJAX 从 脚本 中 调用 此 Web 服务 ， 请 取消 对 下 行 的 注释 。 
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// [System. Web.Script.Services. ScriptService] 
public class WebService : System. Web.Services.WebService { 
public WebService O { 
// 如 果 使 用 设计 的 组 件 ， 请 取消 注释 以 下 行 
//TnitializeComponentO:; 
} 
[WebMethod] 
public string HelloWorldO { 
Ietum "Hello World"; 


} 


从 这 段 代码 中 可 以 找到 前 面 介绍 的 4 个 属性 : WebService、 WebServiceBinding、 ScriptService 
和 WebMethod. 其 中 ,该 Web 服务 提供 了 一 个 HelloWorld 方法 ,调用 该 方法 将 返回 字符 串 “Hello 
Word”.。 
(5) 无 需 添 加 和 修改 任何 代码 ， 即 可 启用 和 测试 Web 服务 “HelloWorld”。 编 译 并 启动 应 
用 程序 ， 在 浏览 器 中 打开 WebService.asmx 文件 ， 显 示 服务 支持 的 操作 ， 如 图 8-7 所 示 。 
WebService Web 服务 - Windows Internet Exp... 属 | 回 | 区 | 
GO > | 万 3/mevservicd ssnx V+? | X [并 
文件 @) 编辑 下 查看 WW 收藏 天 W) 工具 CI) 和 助 00) 
帘 安 | 硬 Yebserviee web 服务 | 合 " 和 目 ” 物 - 
WebService 
ek 硬 多 支持 下 列 哲人 作 。 有 关 正式 定义 ， 请 查看 服务 说 明 。 


解决 方案 “ 例 6-3”(4 个 项 目 ) 
.Me-3\ 


。 Helloworld 


此 Web 服务 使 用 http://tempuri.org/ 作为 默认 命名 空间 
建议 : 公开 XML Web services 之 前 ,请 更 改 默认 命名 空间 。 
每 个 XML Web services 都 需要 一 个 叭 一 的 命名 空间 ， 以 便 客 户 端 应 用 程序 


LA 全 抽查 如 FL | 








鲍 本 地 Intranet 我 100% > 
图 8-6 生成 的 Web 服务 相关 的 文件 图 8-7 Web 服务 的 测试 页 面 
(6) 单 击 “HelloWorld” 链 接 将 调用 该 方法 ， 如 图 8-8 所 示 。 
(7) 因为 该 方法 不 需要 任何 参数 ， 所 以 直接 单 击 “ 调 用 ”按钮 即 可 返回 调用 结果 ， 结 果 包 
含 在 一 个 XML 文件 中 ， 如 图 8-9 所 示 。 


JS 
第 8 章 xu 和 vewas 全) 
月 


ice Web 服务 - Windows Internet Ex... 硅 | 厨 | 区 | ://1loca 3487/ 例 8-3/WebService. as. 


二 -Bree || |X| [EE SO Fx 攻 
文件 @E) ” 蝙 辑 正 ) 查看 WY) 收 诚 夹 &) 工具 CD) 帮助 四 文件 下。 转 辑 邓 ) 查看 WD 收 着 夹 忆 工具 上 帮助 加 
富安 | 大 rasuvicerw 有 gg | 一 | 各- 回 - 磺 - 窗 安 | 大 nermaacanestat | 区- 回 - 却 - 











i <?xml version="1.0" encoding="utf-8" ?> 
WebService <string xmins="http://tempuri.org/">Hello 


单 击 此 处 ， 获 职 完 整 的 操作 列表 。 ‘World</string> 





HelloWorld 
测试 
车 要 使 用 HTTP POST 协议 对 铁 作 进行 测试 ， 请 单 击 “ 调 用 ”按钮 。 


mn 


Soap 1.1 
< 








图 8-8 调用 Web 服务 图 8-9 调用 Web 方法 返回 结果 


(8) 返回 WebService.cs 文件 ， 添 加 绘制 验证 码 的 Web 方法 ， 由 于 涉及 绘图 功能 ， 所 以 在 
要 文件 头 部 引入 所 需 的 命名 空间 ， 代 码 如 下 : 





Using System.Drawing: 
using SystemIO: 基 
Using System Drawing Imaging: 
Using System.Drawing.Drawing2D: 实 
训 
(9) Web 方法 的 定义 如 下 : 
材 
[WebMethod] 系 
public byte[] AuthCode(int length.string checkCode) 列 
8 


int bmpHeight = 2$. bmpWidth = length * 14 + 10: 
Bitmap bmp = new Bitmap(bmpWidth, bmpHeighb: 
intred, blue, green: 

Random rd = new Random(DateTime Now.GetHashCodeO): 
red =rd.Next(255) % 128 + 128: 

blue =rd Next(255) % 128 + 128: 

green =Id.Next(255) % 128 + 128: 

Graphics g = Graphics.FromImage(bmp): 

Bmsh brush = new SolidBrush(Color.AliceBlue): 
gFillRectangle(brush.0.0.bmpWidth.bmpHeigh?): 
/画图 片 的 前 景 噪音 点 

for(nti=0:1i<30:i+H) 


{ 





int x =1Id.Next(bmpWidth): 
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int y =rd Next(bmpHeight): 
bmp.SetPixel(x. y, Color.FromArgb(rd.NextO)): 
9 
/画图 片 的 边框 线 
g.DrawRectangle(new Pen(Color SilveD. 0. 0. bmpWidth - 1. bmpHeight - ]): 
/画图 片 的 背景 噪音 线 
for(inti=0:i<25: itH 
intxl = rd.Next(bmpWidth); 
int x2 = rd. Next(bmpWidth):; 
int yl = rd.Next(bmpHeigh?t):; 
int y2 = rd -Next(bmpHeight): 
g.DrawLine(new Pen(ColorFromArgb(rdNextO)). x1, y1. x2, y2): 
b 
Rectangle rect = new Rectangle(0. 0, bmpWidth, bmpHeighb: 
LinearGradientBrush lgb = new LinearGradientBrush(rect ColorBlueViolet Color.DarkRed, 1.2f tme): 
for (inti= 0:; i< length: i++) 
{// 逐 个 字符 绘制 
Font font = new Font("Courier New" 14+rd Next)%4. (FontStyle.Bold | FontStyle Italio)): 
g.DrawString(checkCode.Substring(i, 1), font lgb, 2 +i* 14. 2+rd.Next(2)): 
} 
MemoryStream stream = new MemoryStream():; 


gDisposeO: 
byte[] ret = stream.ToArray0:// 输 出 字 节 流 
stream.CloseO: 
Tetum ret; 
} 
上 述 代 码 通过 [WebMethod] 属 性 指定 该 方法 可 以 被 远程 调用 。 随 后 的 代码 是 绘制 验证 码 的 
方法 ， 该 方法 有 两 个 参数 ， 第 一 个 参数 是 验证 码 的 长 度 ， 第 二 个 参数 是 验证 码 字符 串 。 
(10) 此 时 已 经 完成 Web 服务 的 创建 ， 可 以 想 刚才 那样 测试 该 方法 ， 此 时 还 看 不 到 验证 码 
图 片 ， 得 到 的 将 是 通过 BASE64 编码 的 一 个 字符 串 。 
下 一 节 将 介绍 如 何 调用 Web 服务 ， 并 创建 页 面 调用 该 方法 。 


(8)4.3 调用 Web 服务 


Web 服务 的 最 终 目 的 是 提供 一 种 服务 接口 , 由 其 他 程序 调用 。 本 节 就 详细 介绍 如 何 调用 Web 
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服务 ， 包 括 调用 Web 服务 的 机 制 以 及 如 何 调用 Web 服务 。 
1. 调用 Web 服务 的 机 制 


调用 Web 服务 的 第 一 步 就 是 先 找到 一 个 满足 需要 的 Web 服务 。 在 找到 一 个 服务 后 ， 就 可 以 
得 到 这 个 Web 服务 的 描述 信息 、 分 组 的 分 类 信息 和 绑 定 信息 。 然 后 根据 描述 信息 ， 调 用 相应 的 
方法 。 

为 了 找到 已 经 存在 的 Web 服务 ，Microsoft、IBM 和 Ariba 合作 建立 了 一 个 带 有 UDDI 服务 
的 网 站 http://www.uddi.org。 如 果 一 个 公司 要 发 布 自己 的 Web 服务 ， 就 可 以 在 UDDI 中 注册 它 。 
有 了 UDDI 商务 注册 表 和 UDDI API， 就 可 以 编程 定位 Web 服务 的 信息 了 。 


避 提示 
Web 服务 不 一 定 要 用 UDDI 注册 ， 也 可 以 从 其 他 资源 中 获取 Web 服务 的 信息 。 






调用 Web 服务 的 业务 流程 如 图 8-10 所 示 。 


- 知识 点 
服务 的 描述 信息 以 Web Services Description 
Language (Web 服务 描述 语言 ，WSDL) 格 式 显 
示 。 WSDL 文档 描述 了 Web 服务 支持 什么 方法 ， 
如 何 调用 这 些 方法 , 给 服务 传送 的 参数 类 型 ， 以 
及 调用 方法 返回 的 参数 类 型 。 在 .asmX 文件 的 最 
后 加 上 字符 囊 ?“wsdl”， 就 会 返回 一 个 WSDL 
文档 。WSDL 文档 是 用 WebMethod 属性 动态 生 
成 的 。 





























图 8-10 调用 Web 服务 的 业务 流程 


2. 调用 Web 服务 


【 例 8-4】 调 用 Web 服务 ， 实 现 验证 码 功能 。 

(1) 启动 VWD 2010， 打 开 网 站 【 例 8-3】， 

(2) 在 【解决 方案 资源 管理 器 】〗 面 板 中 ， 右 击 【 例 8-3】 解 决 方案 ， 从 弹出 的 快捷 菜单 中 选 
择 【 添 加 服务 引用 】〗 命 令 ， 打 开 【 添 加 服务 引用 】〗 对 话 框 ， 单 击 【 发 现 】〗 按 钮 即 可 搜索 到 上 例 
中 创建 的 Web 服务 ， 并 显示 了 当前 可 用 的 操作 ， 如 图 8-11 所 示 。 

(3) 默认 的 命名 空间 为 ServiceReference1， 稍 候 编写 代码 时 会 用 到 这 个 命名 空间 ， 单 击 【 确 
定 〗 按 钮 将 添加 Web 服务 引用 ， 网 站 目录 会 自动 生成 一 个 名 为 App WebReferences 的 文件 夹 ， 
其 中 包括 一 个 ServiceReferencel( 与 前 面 的 命名 空间 名 相同 ) 文 件 夹 , 里 面 有 4 个 文件 , 如 图 8-12 
所 示 。 
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日 对 WebService 
7 Webservicssom 


-一 一 一 一 一 一- 三 Reference svenap 
[在 开赴 “http:]/1ocalhost-3487/ 例 9-3/WebService. asnx” 处 找到 1 个 骤 务 。 emfi wretion. sveinfo 
| 交 configurationdl. sveinfo 
加 WebService, disco 
Yebservice rsd 








图 8-11 【添加 服务 引用 】 对 话 框 图 8-12 ”生成 的 引用 文件 


训 (4) 由 于 Web 方法 AuthCode 返回 的 是 一 个 字 节 数组 ， 为 了 能 将 这 个 字 节 数组 表示 的 图 片 
显示 在 Image 控件 中 ， 需 要 添加 一 个 Web 页 面 和 一 个 名 为 AuthCode.aspx 的 页 面 。 
(5) 在 AuthCode.aspx 的 Load 事件 中 添加 如 下 代码 : 






protected void Page_ Load(object sender. EventArgs e) 
{ 


将 昕 皇 旱 





ServiceReferencel.WebServiceSoapClient ¢ = new ServiceReference1.WebServiceSoapClientO: 
byte[] data =¢.AuthCode(5,genCode(5)): 

Response.ContentType = "image/gif"; 

Response.OutputStream Write(data. 0. data Length): 


尝 






潼 独 坟 次 


} 
public string genCode(int length) 
4 
char code: 
int number: 
string checkCode = String. Empty: 
Random rd = new Random(DateTime.Now.GetHashCode()): 
for(inti=0:i<length: it+) 
{ 
number = rd.NextO: 
让 umber%2 一 0) 
code = (char)(0'+ (char)(number % 10)): 
else 
code = (chan)(A' + (char)(number % 26)): 
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上 述 代码 先 实例 化 Web 服务 的 对 象 ， 然 后 调用 AuthCode 方法 获取 验证 码 图 片 ， 验 证 码 的 
字符 串 信息 是 通过 genCode 方法 生成 的 ， 在 genCode 方法 最 后 将 生成 的 验证 码 字符 串 保 存 到 
Session 变量 中 。 等 用 户 输入 验证 码 提交 后 ， 将 从 Session 变量 中 获得 该 信息 ， 验 证 用 户 的 输入 。 

(6) 打开 Default.aspx 的 源 代码 视图 ， 在 <from> 标 记 中 添加 如 下 代码 : 

<form id="form!1" runat="server"> 

<div> 

验证 码 ，<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 

<asp:Image ID="Imagel" runat="server" ImageUrl="~/AuthCode.aspx" /> 

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx"> 看 不 清 ， 换 一 个 
</asp:HyperLink> 

</div> 

<asp:Button ID="Button1" runat="server" onclick="Buttonl_Click" Text=" 提 交 " /> 

</form> 


上 述 代 码 中 Image 控件 的 ImageUrl 属性 指定 为 AuthCode.aspx 文件 ，HyperLink 控件 用 于 
刷新 页 面 以 便 重新 获取 新 的 验证 码 图 片 。 
(7) 在 Button 控件 的 单 击 事件 处 理 程序 中 添加 如 下 代码 : 


Protected void Button1_Click(object sender, EventArgs €) 
{ 
if (Session["AuthCode"]. ToString0 一 TextBoxl.TextTrimO.ToUpperO) 
Response.Write("<script>alert( 验 证 码 输入 正确 ! "):</script>"); 
else 
Response.Write("<script>alert( 验 证 码 输入 有 误 ! "):</script>"); 
} 
(8) 至 此 ， 完 成 所 有 代码 的 编写 ， 编 译 并 运行 程序 ， 在 浏览 器 中 打开 Default.aspx 页 面 ， 如 
图 8-13 所 示 。 
(9) 输入 图 片 中 的 字符 串 ， 单 击 【提交 了 按钮 ， 弹 出 验证 成 功 对 话 框 ， 如 图 8-14 所 示 。 如 
果 看 不 清 验证 码 图 片 ， 则 可 以 单 击 “ 看 不 清 ， 换 一 个 图 片 ” 超 链接 重新 获取 验证 码 ， 如 图 输入 
的 验证 码 有 误 ， 也 将 弹出 相应 的 提示 对 话 框 。 


KC 
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图 8-13 调用 Web 服务 显示 验证 码 图 片 图 8-14 ”验证 成 功 对 话 框 


(8)4.4 支持 AJAX 的 Web 服务 示例 


典型 的 AJAX 体系 结构 相当 容易 理解 。 其 工作 原理 如 图 8-15 所 示 ， 其 中 有 一 个 由 应 用 程序 
特定 服务 组 成 的 后 端 , 通常 只 可 调用 AJAX 脚本 的 外 层 , 其 下 方 是 业务 逻辑 所 在 和 发 挥 作用 的 系 
统 中 间 层 。 服 务 与 前 端 通过 HTTP 交换 数据 ， 使 用 多 种 格式 传递 参数 和 返回 值 。 前 端 由 运行 于 客 
户 端 上 的 JavaScript 代码 组 成 ， 在 接收 和 处 理 完 数据 后 ， 它 面临 着 使 用 HIML 和 JavaScript 构建 
图 形 用 户 界 面 的 重大 任务 。 对 JavaScript 的 依赖 是 由 于 受 浏览 器 结构 的 限制 ， 只 有 当 浏 览 器 可 以 
支持 功能 更 加 强大 的 编程 功能 时 ， 这 种 情况 才 会 改变 。 


ee 


; 在 AJAX 中 ， 服 务 表示 驻 留 在 应 用 程序 域 ; 
后 端 ( 含 Web 服务 ) 1 并 向 客户 端 脚本 代码 公开 功能 的 一 段 代码 。 1 
1 





其 他 后 端 层 


图 8-15 典型 的 AJAX 体系 结构 


最 适合 AJAX 应 用 程序 的 服务 主要 涉及 向 Web 客户 端 公开 数据 和 资源 。 它 可 以 通过 HTTP 
获得 ， 并 要 求 客户 端 使 用 URL( 也 可 以 是 HTTP 头 ) 访 问 数据 和 命令 操作 。 


1. 创建 支持 AJAX 的 Web 服务 


前 面 已 经 介绍 过 只 需 将 [System.Web.Script,Services.ScriptService] 前 面 的 注释 符号 删除 ， 即 可 
将 整个 服务 提供 为 客户 端 脚本 服务 。 
下 面 的 【 例 8-5】 将 创建 这 样 的 服务 ， 在 该 服务 中 ， 添 加 一 个 根据 学 号 从 数据 库 中 查询 学 生 
信息 的 Web 方法 。 
【 例 8-5】 创 建 支持 AJAX 的 Web 服务 ， 添 加 Web 方法 ,根据 学 号 从 数据 库 InfoManage 中 
查询 指定 学 生 的 信息 。 
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(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新 建 网 站 ]】 命 令 ， 新建 网 站 【 例 8-5】。 

(2) 在 【解决 方案 资源 管理 器 】 面 板 中 ， 右 击 【 例 8-3】 解 决 方案 ， 从 弹出 的 快捷 菜单 中 选 
择 【 添 加 新 项 】〗 命 令 ， 选择 【Web 服务 】 模 板 ， 添 加 名 为 WebService.asmx 的 Web 服务 。 

(3) 打开 WebService.cs 文件 ， 删 除 [System.Web.Script.Services.ScriptService] 属 性 前 面 的 注 
释 符 号 。 

(4) 由 于 要 访问 数据 库 ， 所 以 需要 添加 对 相应 的 命名 空间 的 引用 : 

using System.Data.SqlClient: 

Using System.Data.Sql; 


(5) 为 了 方便 返回 学 生 信 息 ， 我 们 定义 一 个 结构 体 Student， 代 码 如 下 : 


public struct Student 

{ 
public int sno; 
public string sname: 
public string sgender: 
public string stelephone: 
public string saddress; 
public int cno: 

} 


KC 










将 是 多 阿 





(6) 添加 Web 方法 ， 通 过 连接 数据 库 查 询 指 定 学 生 的 信息 ， 知 识 点 都 是 以 前 学 过 的 ， 此 处 i 
不 做 详 述 ， 代 码 如 下 : 材 
系 
[WebMethod] 列 
public Student GetStudentBySno(int sno) 
{ 


Student stu = new StudentO: 
string strConnect = "Data Source=zhao\Wtsinghua:Initial Catalog=InfoManage:Integrated 
Security=True;user=sa;password=Sapassword"; 
SqlConnection con = new SqlConnection(strConnect): 
con.OpenO: 
SqlCommand cmd = new SqlCommand("select * from Student where Sno = (@no", con): 
cmd.Parameters.AddWithValue("(Dno". sno): 
SqlDataReader reader = cmd.ExecuteReader(: 
站 (reader.Read0)// 获 取 查询 结果 
{ 
stu.sno = reader.GetInt32(0); 
stu.sname = reader.GetString(1): 
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stu.sgender =reader.GetString(2); 
stu.stelephone = reader GetString(3): 
stu.saddress = reader.GetString(4): 
stu.cno = reader.GetInt32(5): 

} 

cmd = null; 

con.CloseO: 

con = null; 

TIetum stu; 

} 


(7) 至 此 已 完成 Web 服务 的 创建 ， 可 以 在 浏览 器 中 加 载 并 测试 该 服务 。 
2. 在 AJAX 站 点 中 使 用 Web 服务 


在 第 7 章 介绍 过 ，ScriptManager 控件 几乎 是 所 有 与 AJAX 相关 的 操作 中 必 不 可 少 的 。 它 注 
册 客 户 端 JavaScript 文件 ， 负 责 使 用 UpdatePanel 更 新 部 分 页 面 ， 可 以 将 ScriptManager 添加 到 单 
个 页 面 或 母 版 页 中 ， 让 它 变 得 在 整个 站 点 上 都 可 用 。 

使 用 Web 服务 时 ， 需 要 告知 ScriptManager 要 给 客户 端 脚本 提供 Web 服务 。 有 两 种 方法 可 

@ ”在 母 版 页 中 的 ScriptManager 中 。 

@@ “在 使 用 Web 服务 的 内 容 页 中 使 用 ScriptManagerProxy 控件 。 

要 在 全 部 或 大 多 数 页 面 中 使 用 Web 服务 ， 最 好 是 在 母 版 页 的 ScriptManager 中 声明 Web 服 
务 。 给 ScriptManager 控件 提供 一 个 <Services> 元 素 ， 该 元 素 再 包含 指向 公共 服务 的 一 个 或 多 个 
ServiceReference 元 素 。 

通过 在 母 版 页 中 引用 Web 服务 ， 它 变 得 对 于 基于 这 个 母 版 页 的 所 有 页 面 都 可 用 。 这 也 意味 
着 每 个 页 面 都 要 下 载运 行 这 个 服务 所 需 的 JavaScript 文件 。 如 果 页 面 根本 没有 使 用 Web 服务 , 这 
也 会 浪费 带宽 和 资源 。 因 此 ， 对 于 只 在 一 些 页 面 上 使 用 的 服务 ， 最 好 引用 页 面 本 身 的 服务 。 如 果 
使 用 的 母 版 页 有 ScriptManager 控件 ， 那 么 在 内 容 页 中 就 要 使 用 ScriptManagerProxy 控件 。 本 例 
中 就 介绍 如 何在 内 容 页 中 使 用 ScriptManagerProxy 控件 来 注册 Web 服务 。 

【 例 8-6】 在 AJAX 站 点 中 调用 Web 服务 。 

(1) 启动 VWD 2010， 打 开 网 站 【 例 8-5】。 

(2) 在 【解决 方案 资源 管理 器 】 面 板 中 ， 右 击 【 例 8-3】 解 决 方案 ， 从 弹出 的 快捷 菜单 中 选 
择 【 添 加 新 项 】〗 命 令 ， 添 加 一 个 母 版 页 MasterPage.master。 

(3) 在 母 版 页 中 添加 ScriptManager 控件 。 需 要 注意 的 是 ，ScriptManager 控件 要 添加 在 
ContentPlaceHolder 控件 的 外 部 。 

(4) 删除 原来 的 Defaultaspx 页 面 ， 基 于 刚才 创建 的 母 版 页 MasterPage.master 重新 创建 
Default.aspx 页 面 。 
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(5) 在 Default.aspx 页 面 中 添加 一 个 ScriptManagerProxy 控件 ， 在 【属性 】 面 板 中 设置 控件 
的 Services 属性 ， 这 是 一 个 集合 属性 ， 单 击 属性 右 侧 的 省 略 号 将 打开 【ServiceReference 集合 编 
辑 器 〗】 对 话 框 。 单 击 【添加 】 按 钮 ， 添 加 一 个 成 员 ， 设 置 Path 值 为 前 面 创 建 的 Web 服务 ， 如 
图 8-16 所 示 。 切 换 到 源 视 图 ， 生 成 的 代码 如 下 : 


<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server"> 
<Services> 
<asp:ServiceReference Path="~/WebService.asmx" /> 
</Services> 
</asp:ScriptManagerProxy> 
(6) 在 <ScriptManagerProxy> 的 结束 标记 下 方 ， 添 加 一 个 Input (Text) 和 一 个 Input (Button)， 
在 输入 相应 的 文本 提示 信息 ， 然 后 添加 一 个 <div> 标 记 ， 用 于 显示 返回 信息 。 


<input id="Button1" type="button" value=" 查 询 " /> 
<div id="resu"></div> 


按 学 号 查询 学 生 信息 : <input id="Text1" type="text" /> 各 
Ee 






(7) 在 上 述 代 码 的 下 面 添 加 客户 端 JavaScript 代码 块 : 


<script type="text/javascript"> 
function GetWebMethodO { 
WebService.GetStudentBySno($get(Textl).value. onSuccCallback.onFailCallback): 






将 是 鑫 阿 


尘 


} 
finction onSuccCallback(result) { 
Var info; 
info=" 学 号 :" +result.sno; 
info += "<br> 姓 名 : "+Iesultsname: 
info += "<br> 性 别 : "+result.sgender:; 
info += "<br> 联 系 电话 : " +result.stelephone: 
info += "<br> 地 址 :" +result.saddress; 
info += "<br> 班 级 号 : "+ ITesultsno: 
Sget(resu').innerHTML = info: 


济 蒜 尖 





这 


} 
function onFailCallback(error) { 
alert(error.toString):; 
} 
S$addHandler($get(Button1"). 'click'. GetWebMethod): 
</script> 


(8) 编译 并 运行 程序 ， 输 入 一 个 学 号 ， 然 后 单 击 【 查 询 】〗 按 钮 ， 如 图 8-17 所 示 。 
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图 8-16 【ServiceReference 集合 编辑 器 】 对 话 框 8-17 页 面 运行 效果 


@; 上 机 练习 


本 章 的 上 机 练习 将 演示 如 何在 AJAX 站 点 中 调用 页 面 方法 。 

页 面 方法 和 Web 服务 有 一 些 共 同 之 处 。 两 者 都 可 以 使 用 很 少 的 代码 在 客户 端 调 用 。 可 以 向 
它们 发 送 数据 ， 并 接收 回 发 的 数据 。 另 外 ， 当 调用 它们 时 ， 可 以 定义 成 功 和 失败 回调 方法 。 两 者 
的 不 同 之 处 在 于 ， 页 面 方法 直接 在 现 有 的 ASPX 页 面 内 定义 ， 而 不 是 在 单独 的 ASMX 服务 文件 
中 定义 。 只 能 从 页 面 运行 的 脚本 中 调用 页 面 方法 。 

要 启用 页 面 方法 ， 需 要 将 ScriptManager 控件 的 EnablePageMethods 属性 设置 为 True。 不 能 
在 ScriptManagerProxy 类 上 设置 该 属性 ， 因 此 需要 直接 在 ScriptManager 控件 上 进行 设置 。 

(1) 启动 VWD 2010， 新 建 网 站 【上 机 练习 8]】〗. 

(2) 在 Defaultaspx 页 面 中 添加 一 个 ScriptManager 控件 ， 设 置 控件 的 EnablePageMethods 
属性 为 True。 

(3) 打开 Default.aspx.cs 文件 ， 添 加 如 下 页 面 方法 : 


[WebMethod] 

public static string HelloWorld(string yourName) 
Tetum string. Format("Hello {0}", yourName): 

} 


在 添加 上 述 代码 之 前 需要 首先 引入 所 需 的 命名 空间 : using System.Web.Services; 

(4) 切换 到 Default.aspx 页 面 的 源 视图 , 在 </ScriptManager> 标 记 下 面 添加 一 个 Input(text) 和 一 
个 Input (Button) 控 件 ,方法 是 从 工具 箱 的 HTML 类 别 中 拖 动 它们 .将 按钮 的 value 设置 为 “提交 ”。 
相应 的 代码 如 下 : 

<input id="Text1" type="text" /> 

<input id="Button1" type="button" value=" 提 交 " /> 


(5) 接 下 来 ， 添 加 如 下 代码 : 


<script type="text/javascript"> 
S$addHandler($get(Button1"), 'click’, HelloPageMethod): 
fimction HelloPageMethodO{ 


} 


fimction HelloCallback(result) { 


} 


Var name = $get('Text1').value; 
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PageMethods.HelloWorld(name. HelloCallback): 


alert(result): 


</script> 


(6) 编译 并 运行 程序 ， 输 入 一 个 用 户 名 ， 单 击 【提交 】〗 按 钮 ， 如 图 8-18 所 示 。 


http://1ocalhost:1130/ 上 机 练 . -- 

GO- 翘 nuoa/netwlt spx Y 二 X 于 
文件 如 六 辑 全 查看 W) 收 大 天) 工具 0) 大 
宽 会 其 http;//locdhostill 他 
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图 8-18 调用 页 面 方法 允许 效果 


. 简 述 调用 Web 服务 的 机 制 和 工作 原理 。 

. 如 何 创 建 支持 AJAX 的 Web 服务 ? 

. 调用 天 气 预 报 Web 服务 获取 国内 大 城市 的 天 气 信息 。 
. 创建 一 个 支持 AJAX 的 Web 服务 。 


.登录 http:/www.onhap.com/， 选 择 自 己 喜 欢 的 Web 服务 ， 并 进行 编程 练习 。 
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前 面 的 章节 中 介绍 了 JavaScript， 这 是 在 客户 端 编写 脚本 和 与 客户 端的 Web 页 面 元 素 进 行 
交互 所 运用 的 实际 标准 语言 。jQuery 是 继 Prototype 之 后 出 现 的 又 一 个 优秀 的 JavaScript 框架 。 
jQuery 能 够 改变 开发 人 员 编写 JavaScript 脚 本 的 方式 ,降低 学 习 和 使 用 Web 前 端 开发 的 复杂 度 ， 
提高 网 页 开发 效率 。 无 论 是 对 于 JavaScript 初学 者 ， 还 是 对 于 Web 开发 资深 专家 ，jQuery 都 是 
必 备 的 工具 。 本 章 主要 介绍 jQuery 的 基本 语法 和 具体 应 用 。 


(、 本 章 重点 


jQuery 简介 

jQuery 选择 器 
jQuery 筛选 器 

使 用 jQuery 增强 页 面 
使 用 jQuery 插件 
jQuery 与 AJAX 


© jQuery 简介 


jQuery 最 嘻 由 John Resig 在 2006 年 1 月 发 布 , 现在 已 经 成 长 为 一 个 备 受 欢迎 的 客户 端 框架 。 
Microsoft 也 注意 到 了 jQuery 的 强大 功能 ， 并 决定 在 自己 的 产品 中 附送 这 个 框架 。 最 初 ，jQuery 
随 Microsoft ASPNET MVC 框架 一 起 提供 , 现在 Visual Studio 和 Visual Web Developer 2010 中 也 
包含 了 这 个 框架 。 





ooeoo@oo 


视觉 效果 (如 动画 ) 支 持 , 以 及 使 得 在 应 用 程序 中 使 用 AJAX 变 得 更 加 简单 .2006 年 1 月 ,John Resig 
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公布 了 jQuery 的 第 一 版 ， 然 后 在 2006 年 8 月 正式 发 布 了 jQuery 1.0。 后 来 又 陆续 发 布 了 许多 版 
本 ， 目 前 最 新 的 稳定 版 本 是 jQuery 1.4.1。 

使 用 ASPNET Web 站 点 模板 创建 的 任意 新 Web 站 点 都 包含 一 个 Scripts 文件 夹 ， 其 中 已 经 
包含 了 必要 的 jQuery 文件 。 如 果 基 于 ASPNET 空 Web 站 点 模板 建立 网 站 ， 也 可 以 手动 向 Web 
站 点 添加 jQuery 文件 。 

因为 jQuery 库 会 增加 网 页 的 大 小 ， 所 以 应 该 明确 决定 是 否 在 Web 站 点 中 包含 它 。 当 决定 把 
jQuery 库 添加 到 Web 站 点 中 时 ， 还 需要 作出 一 些 选 择 。 


(9)1.1 选择 引用 jQuery 的 位 置 


要 在 Web 站 点 中 包含 jQuery， 有 几 种 选项 可 供 选 择 : 

@@ “只 在 需要 jQuery 的 网 页 或 者 用 户 控件 中 添加 对 jQuery 库 的 引用 。 这 种 方式 可 以 减 小 页 
面 大 小 。 当 用 户 浏览 没有 使 用 jQuery 的 页 面 时 ， 就 不 需要 下 载 jQuery 库 文件 。 而 当下 
载 了 库 文件 之 后 , 浏览 器 就 会 缓存 库 文件 的 一 个 副本 ， 从 而 使 得 在 以 后 访问 页 面 时 , 不 
需要 再 次 下 载 这 些 文件 。 

@@ 在 Web 站 点 的 母 版 页 中 添加 对 jQuery 库 的 引用 ， 从 而 使 所 有 的 页 面 都 可 以 使 用 jQuery 
库 。 这 种 方式 十 分 方便 ， 因 为 所 有 基于 该 母 版 页 创建 的 页 面 都 会 自动 获得 对 jQuery 的 
访问 权 。 但 是 ， 这 会 对 Web 站 点 第 一 个 页 面 的 性 能 造成 冲击 ， 因 为 需要 从 服务 器 上 下 
载 库 文件 。 

因为 jQuery 库 很 小 ， 所 以 一 般 是 在 母 版 页 中 包含 它 。 


(9)1.2 包含 jQuery 库 的 不 同方 式 


因为 jQuery 库 由 一 个 使 用 JavaScript 代码 编写 的 文件 组 成 ， 所 以 可 以 使 用 标准 的 <script> 语 
法 在 页 面 、 用 户 控件 或 母 版 页 中 嵌入 对 jQuery 库 的 引用 ， 例 如 : 

<script sre=" jquery-1.4.1.min.js" type="text/javascript"></script> 

必须 使 用 一 个 独立 的 结束 </scripf> 标 记 ， 因 为 如 果 使 用 自 结束 标记 ， 一 些 浏览 器 将 无 法 正常 
运行 代码 。 

也 可 以 将 引用 嵌入 到 ScriptManager 控件 中 。ScriptManager 控件 有 一 个 <Scripts> 子 元 素 ， 可 
以 用 来 注册 将 会 添加 到 浏览 器 的 最 后 一 个 页 面 的 JavaScript 文件 。 在 ScriptManager 中 注册 
JavaScript 文件 的 最 简 形式 如 下 所 示 : 

<asp:ScriptManager ID="ScriptManagerl" runat="server"> 

<Scripts> 
<asp:ScriptReference Path="~/Scripts/jquery-1.4.1.minjs" > 
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</Scripts> 
</asp:ScriptManager> 
另外 一 种 方法 是 使 用 Microsoft 的 内 容 传 送 网 络 (Content Delivery Network，CDN) 或 Google 
Code 引用 jQuery 库 的 在 线 版 本 。 
使 用 外 部 库 的 在 线 版 本 的 优势 在 于 可 以 提升 服务 器 的 性 能 并 降低 带宽 。 因为 站 点 的 访问 者 很 
可 能 已 经 在 访问 另外 一 个 站 点 的 时 候 下 载 了 共享 脚本 。 


@ )1 .3 第 一 个 jQuery 页 面 


为 了 更 好 地 了 解 jQuery, 下 面 先 来 看 一 个 简单 的 例子 ,在 本 例 中 ,将 在 当前 页 面 中 添加 jQuery 
库 。 通 过 单 击 按钮 来 改变 表单 的 背景 色 。 
【 例 9-1】 使 用 jQuery 示例 。 
僵 (1) 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 9-1】。 
(2) 通过 VWD 2010 创建 的 网 站 ， 默 认 有 一 个 Scripts 目录 ， 其 中 包含 了 jQuery 所 需 的 库 文 
件 。 切 换 到 Default.aspx 的 源 视图 ， 在 <head> 标 记 中 添加 如 下 代码 即 可 引入 jQuery 库 : 





<Script sre="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 

(3) 在 <div> 标 记 中 添加 两 个 Input(Button) 控 件 ， 该 控件 的 value 属性 分 别 为 “红色 ”和 “ 蓝 
色 ”。 生 成 的 代码 如 下 : 

<input id="Button1" type="button" value=" 红 色 " /> 

<input id="Button2" type="button" value=" 蓝 色 " /> 


(4) 在 上 述 代码 的 下 面 添加 如 下 代码 : 
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<script type="textjavascript"> 
$(document) ready(function O { 
S$(#forml').css(‘background-color', ‘green') 
$(#Button1").click(function O { 
$(#form1').css(‘background-color', ‘red') 
-animate({ width: '’300px', height: '200px’ }) 
DD: 
3(#Button2').click(function 0 { 
S$(#form1').css(‘backeround-color'. blue) 
.animate({ width: '350px'. height: '150px’ }) 











; 和 其 他 许多 编程 语言 一 样 ，JavaScript (以 及 jQuery) 对 缺少 引号 、 大 括号 和 小 括号 十 分 敏感 ， 所 以 
1 一 定 要 完全 按照 上 面 的 代码 进行 输入 。 在 输入 代码 时 ，【 智 能 感知 】 将 会 弹出 ， 并 通过 工具 提示 提供 关于 1 
\ 各 种 方法 和 参数 的 信息 。 如 果 没有 弹出 【智能 感知 】， 那 么 可 能 是 没有 正确 添加 <script> 元 素 。 


(5) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 Default.aspx 页 面 ， 如 图 9-1 所 示 ， 表 单 背 景色 为 
绿色 ， 而 且 仅 为 一 长 条 。 


(6) 单 击 【红色 】 按 钮 ， 将 把 背景 色 设置 为 红色 ， 大 小 为 (300,200)， 如 图 9-2 所 示 。 


http://1ocalhost:1176/ 例 9-1/De... 属 | 四 | 必 | 
GG S > 二 he:11loeahest: 和 X | 

文件 EE 编辑 下 ) 查看 WD 收 蕊 丈 亿 ) 工具 CD) 帮助 ” 
全 安 | 赔 htp:11locahostll [- 


http://localhost:1176/ 例 9-1/De. .. 尾 | 居 | 属 | 攻 EIEE] a 
GO Bh/ 3 4 x 
文件 中” 编辑 EE) 查看 外 收藏 天 W) 工具 CID) 帮助” 
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图 9-1 初次 加 载 页面 效 果 图 9-2 单 击 【 红 色 】 按 钮 后 的 效果 


上 述 代 码 中 ， 添 加 了 一 个 标准 的 <script> 块 ， 其 中 可 以 包含 JavaScript。 在 这 个 块 中 ， 添 加 了 
- 些 在 浏览 器 加 载 页 面 完成 后 触发 的 jQuery 代码 。 页 面 就 绪 后 ， 起 始 大 括号 (f} 和 结束 大 括号 0) 
之 间 的 代码 将 会 执行 ， 下 面 是 “文档 就 绪 函 数 ” 的 示例 。 





‘<script type="text/javascript"> 
$(documenb .ready(functionO { 
//! Remainder of the code skipped 
D): 
</script> 


本 例 读者 只 需 了 解 jQuery 的 实际 应 用 即 可 ， 接 下 来 将 详细 介绍 jQuery 的 语法 。 
【9 天 jQuery 语法 


要 想 理解 和 使 用 jQuery， 需 要 掌握 一 些 基 础 知识 。 本 节 将 介绍 jQuery 的 核心 功能 ， 包 括 前 
面 看 到 的 $ 函 数 ， 以 及 $ 函 数 的 ready 方法 。 接 下 来 介绍 jQuery 的 选择 器 和 筛选 器 ， 这 样 就 可 以 通 
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过 自己 指定 的 条 件 在 页 面 中 查找 元 素 。 当 获得 一 个 指向 页 面 中 一 个 或 多 个 元 素 的 引用 后 ， 就 可 以 
对 它们 应 用 多 种 方法 ， 如 前 面 提 到 的 css 方法。 


(89)2.1 ready 函数 


大 部 分 jQuery 代码 都 是 在 浏览 器 完成 页 面 加载 后 执行 。 等 到 页 面 完成 DOM 加 载 后 再 执行 
代码 十 分 重要 。DOM(Document Object Model， 文 档 对 象 模 型 ) 是 Web 页 面 的 一 种 分 层 表 示 ， 包 
含 所 有 HTML 元 素 、 脚 本 文件 、CSS、 图 像 等 的 一 个 树 形 结构 。 如 果 借 助 编程 修改 DOM( 例 如 ， 
使 用 jQuery 代码 )， 那 么 这 种 修改 将 在 浏览 器 中 显示 的 页 面 上 反映 出 来 。 如 果 过 早 执行 jQuery 代 
码 (例如 ， 在 页 面 的 最 顶端 )， 那 么 DOM 可 能 还 没有 加 载 完成 脚本 中 引用 的 全 部 元 素 时 就 产生 了 
错误 。 幸 运 的 是 ， 可 以 使 用 jQuery 中 的 ready 函数 ， 将 代码 的 执行 推迟 到 DOM 就 绪 。 

ready 函数 的 声明 格式 如 下 : 

S$(document) .ready(functionO { 

//DOM 就 绪 后 执行 此 处 的 代码 

»; 

当 页 面 准备 就 绪 ， 可 以 执行 DOM 操作 时 ， 添 加 到 起 始 和 结束 大 括号 之 间 的 全 部 代码 都 将 执 
行 。jQuery 也 提供 了 ready 函数 的 一 个 快捷 方式 ， 下 面 的 代码 段 与 前 面 的 效果 相同 : 

S$(function| { 

/DOM 就 绪 后 执行 此 处 的 代码 

入 : 


@ )2.2 基本 选择 器 


在 jQuery 中 ， 可 以 使 用 美元 符号 ($) 作 为 在 页 面 中 查找 元 素 的 快捷 方式 ， 找 到 并 返回 的 元 素 
称 为 匹配 集 。$ 方 法 的 基本 语法 如 下 所 示 : 

SC 选择 器 ) 

在 引号 (可 以 使 用 单 引号 或 者 双 引 号 ， 只 要 在 两 端 使 用 相同 的 类 型 即 可 ) 之 间 ， 可 输入 一 个 或 
多 个 选择 器 ， 接 下 来 就 将 讨论 这 方面 的 内 容 。 

通过 jQuery 选择 器 可 以 找到 页 面 的 文档 对 象 模型 中 的 一 个 或 多 个 元 素 ， 以 便 向 它们 应 用 各 
种 类 型 的 jQuery 方法 。jQuery 的 设计 者 并 没有 开发 出 一 种 新 技术 来 查找 页 面 元 素 ， 而 是 使 用 与 
CSS 选择 器 完全 相同 的 选择 器 。 

1. 通用 选择 器 

和 对 应 的 CSS 选择 器 一 样 ， 通 用 选择 器 使 用 通配符 * 匹 配 页 面 中 的 全 部 元 素 ，$ 方 法 返回 0 
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个 或 多 个 元 素 ， 然 后 可 以 使 用 多 种 jQuery 方法 操作 返回 的 这 些 元 素 。 例 如 ， 要 将 页 面 中 每 个 元 
素 的 字体 系列 设置 为 Arial， 可 以 使 用 下 面 的 代码 : 


SC0*).css(font-family'.'Arial); 


2. ID 选择 器 


和 对 应 的 CSS 选择 器 一 样 ， 这 个 选择 器 通过 id 来 查找 和 获取 元 素 。 例 如 ， 要 为 名 为 tabell 
的 表格 设置 CSS 类 ， 可 以 使 用 如 下 代码 : 


S$(#table1").addClass(myClass"): 


当 这 行 代码 使 用 addClass 方法 设置 CSS 类 时 ， 将 会 遵循 标准 的 CSS 规则 ， 即 需要 通过 外 部 
CSS 文件 或 者 嵌入 式样 式 表 定 义 myClass 类 。 

jQuery 的 SC#tablel1) 和 ASPNET AJAX 的 $get(table1') 都 会 获得 对 id 为 tablel 的 一 个 元 素 的 
引用 。 那 么 应 该 选择 哪 一 个 方法 呢 ? 一 般 来 说 , 当 对 结果 应 用 任意 jQuery 方法 (例如 ess 方法 ) 时 ， 
都 应 该 使 用 jQuery 的 $ 方 法 。 而 在 操作 单个 元 素 并 且 想 要 修改 该 元 素 的 某 个 标准 属性 时 ， 则 可 以 
使 用 $get 代替 。 在 这 种 情况 下 ， 也 可 以 使 用 jQuery 的 $, 但 是 因为 所 有 的 jQuery 选择 器 都 返回 一 
个 对 象 集合 ， 所 以 需要 通过 索引 方式 ， 使 用 [0] 或 get(0) 得 到 第 一 个 元 素 。 下 面 的 3 个 示例 具有 相 
同 的 功能 ， 它 们 都 将 Buttonl 的 值 设置 为 “ 单 击 ”: 

S$get(Button1).value =' 单 击 '; 

SC#Button1)[0] value= 单 击 : 

$(#Button1').get(0).value = ' 单 击 ': 


3. 元 素 选 择 器 


元 素 选择 器 获得 与 特定 的 标记 名 相 匹 配 的 0 个 或 多 个 元 素 的 引用 。 例 如 ， 下 面 的 代码 将 页 面 
中 的 所 有 二 级 标题 的 文本 颜色 设置 为 红色 。 


$C(h2").css('color’, Ted): 
4. 类 选择 器 


类 选择 器 获得 与 特定 的 类 名 相 匹配 的 0 个 或 多 个 元 素 的 引用 。 例 如 ， 如 果 有 下 面 的 HIML 
代码 段 : 

<hl class="Highlight">Heading 1</h1> 

<h2>Heading 2</h2> 

<p class="Highlight">First paragraph</p> 

<p>Second paragraph</p> 


上 述 4 个 元 素 中 有 两 个 元 素 都 有 一 个 名 为 Highlight 的 CSS 类 。 下 面 的 jQuery 代码 将 把 第 一 
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个 标题 和 第 一 个 段落 的 背景 色 修改 为 红色 ， 而 保持 其 他 元 素 不 变 : 
3(.Highlight).css(‘background-color'. ‘red'): 


5. 分 组 和 合并 选择 器 


和 CSS 一 样 ， 可 以 分 组 和 合并 选择 器 。 下 面 的 分 组 选择 器 将 修改 页 面 中 所 有 hl 和 h2 元 素 
的 文本 濑 色 为 梯 色 : 


$(h1, h2").css('color, ‘orange’): 


通过 使 用 合并 选择 器 ， 可 以 找 出 被 其 他 一 些 元 素 包含 着 的 特定 元 素 。 例 如 ， 下 面 的 jQuery 
只 修改 MainContent 元 素 中 包含 的 二 级 标题 ， 而 其 他 的 保持 不 变 : 


S$(#MainContent h2).css(color、 Ted): 


6. 层级 选择 


jQuery 支持 4 类 层级 选择 器 ， 分 别 如 下 : 
图 ancestor descendant: 在 指定 祖先 元 素 下 匹配 所 有 的 后 代 元 素 ， 与 CSS 中 的 包含 选择 器 
对 应 。 
@@“ parent > child: 在 给 定 的 父 元 素 下 匹配 所 有 的 子 元 素 ， 与 CSS 中 的 子 选择 器 对 应 。 
@ prev+next: 匹配 所 有 紧 接 在 prev 元 素 后 的 next 元 素 ， 与 CSS 中 的 相 邻 选择 器 对 应 。 
@ prev~siblings: 匹配 prev 元 素 之 后 的 所 有 siblings 元 素 。 
假设 有 下 面 的 代码 : 
<form> 
<label>Name:</label> 
<input name="name" /> 
<fieldset> 
<label>Newsletter:</label> 
<input name="newsletter" /> 
</fieldset> 
</form> 
<input name="none" /> 
使 用 层级 选择 器 的 jQuery 代码 如 下 : 
S$("form input") /返回 结果 : <input name="name" />. <input name="newsletter" /> 
$("form > input") /返回 结果 : <input name="name" 亡 
$("label + input") /返回 结果 : <input name="name" />. <input name="newsletter" /> 
$("form ~ input") /返回 结果 : <input name= "none" 亡 
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7. 使 用 选择 器 


为 了 理解 jQuery 选择 器 以 及 可 以 对 匹配 集 应 用 的 效果 ， 下 面 举例 来 说 明 如 何 使 用 一 些 选 择 
以 及 如 何 对 匹配 集 应 用 动画 。 

【 例 9-2】 使 用 jQuery 选择 器 。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 9-2】〗. 

(2) 切换 到 Defaultaspx 的 源 视图 ， 在 <head> 标 记 中 添加 如 下 代码 以 引入 jQuery 库 : 


加 


<script sre="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
(3) 在 <form> 标 记 中 添加 如 下 代码 : 
<form id=-"fomnl" runat="server"> 
<hl>H1 基本 选择 器 </hl> 
<div> 
<p> 这 里 是 段落 1</p> 
<div id="slide"> 演 示 slideUp 和 slideDown 效果 
<p> 这 里 是 段落 2</p></div> 
<h2 class="SampleClass"> 类 选择 器 ,5 秒 渐渐 隐藏 <h2> 
<script type="textjavascript"> 
S$(function | { 
$(*).css('color’, ‘Green"); 
S$(#slide').css('border-bottony', '2px solid black’): 
$(h1").bind(Cclick', function 0 { alert(Hello 葛 萌 萌 ) }): 
SC.SampleClass) hide(5000): 
$B(#slide.p).css('color, red'): 
S$(#slide p").slideUp('slow').slideDown('slow"): 
D); 
</script> 
</div> 
</form> 


(4) 上 述 jQuery 代码 部 分 ， 首 先 设置 所 有 文本 的 颜色 为 绿色 ,设置 slide 层 的 下 方 有 一 个 额 
外 的 边框 ， 接 着 为 <h1> 元 素 绑 定 一 个 click 函数 ， 当 单 击 该 元 素 时 ， 将 弹出 一 个 对 话 框 ， 然 后 通 
过 类 选择 器 设置 <h2> 元 素 的 隐藏 效果 ， 随 后 又 通过 分 组 选择 器 将 slide 和 了 的 文本 颜色 设置 为 红 
色 ， 最 后 设置 slide 中 的 了 为 淡 入 淡出 动画 效果 。 编 译 并 运行 程序 ， 在 浏览 器 中 打开 Defaultaspx 
页 面 。 运 行 效 果 如 图 9-3 所 示 。 
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入 100% ~ 


图 9-3 使 用 选择 器 页 面 效 果 








添加 大 量 动画 会 使 页 面 看 上 去 很 有 趣 ， 但 是 一 般 不 推荐 将 动画 功能 添加 到 页 面 中 ， 但是， 本 例 用 动画 


作为 演示 效果 却 很 好 ， 因 为 可 以 从 中 看 到 jQuery 的 一 些 强大 功能 。 





在 本 章 后 面 的 部 分 中 ， 将 会 介绍 jQuery 提供 的 更 多 样式 和 动画 方法 。 现 在 只 需要 理解 选择 


器 语法 ， 能 够 在 页 面 中 引用 元 素 即 可 。 


(9)2.3 筛选 器 


在 jQuery 中 ， 可 以 使 用 筛选 器 进一步 过 滤 选 择 器 得 到 的 结果 集 ， 从 而 可 以 找到 特定 的 元 素 ， 如 
第 一 个 元 素 、 最 后 一 个 元 素 、 所 有 奇数 行 元 素 、 所 有 偶数 行 元 素 、 所 有 的 标题 或 者 特定 位 置 的 项 。 


1. 基本 筛选 器 
如 表 9-1 所 示 列 出 了 jQuery 的 基本 筛选 器 。 
表 9-1 基本 筛选 器 
筛选 器 用 途 
用 于 选择 匹配 集中 的 第 一 个 和 最 后 一 个 项 。 下 面 的 示例 将 表 的 第 一 行 和 最 后 一 行 的 背景 色 设置 为 
红色 : 
:first S$(#Tableld tr:first’).css(‘background-color', Ted): 
:last S$(#Tableld trlast).css(Cbackground-color、Ted): 





和 最 后 一 行 


首先 使 用 #TableId 找到 表 ， 然 后 使 用 tr 找到 表 的 全 部 行 ， 最 后 使 用 :first 和 :last 筛选 器 找到 第 一 行 


— 


~、 
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( 续 表 ) 
筛选 器 用 途 
用 于 选择 匹配 集中 的 奇数 行 或 者 偶数 行 。 下 面 的 示例 将 表 的 奇数 行 的 背景 色 修改 为 红色 。 因 为 计 
:odd 数 是 从 零 开始 的 ， 所 以 实际 上 将 会 看 到 第 二 行 和 第 四 行 的 背景 色 发 生 了 改变 (因为 它们 的 索引 分 
:even 别 为 1 和 3) 


S$(#Tableld tr:odd').css(‘backeround-color'. Ted): 





按照 索引 匹配 元 素 。:eq(equals) 根 据 索 引 返 回 一 个 元 素 ， 而 :httess than) 和 :gt(greater than) 则 分 别 返 





:eq(index) 回 小 于 或 者 大 于 给 定 索引 的 项 。 示 例如 下 : 
:lt(index) $(#TablelId tr:eq(0)).css('color', 'green'):// 修 改 第 一 行 的 颜色 
:gt(index) $(#TableId tr:gt(2)").css('color', 'green'):// 修 改 大 于 第 二 行 的 文本 颜色 


$(#Tableld tr:lt(2)).css(color, 'green');// 修 改行 号 小 于 2 的 行 的 文本 颜色 





:header 





找到 页 面 中 的 全 部 标题 (从 hl 到 h6)。 示 例如 下 所 示 : 


S(:header’).css('color. 'green’): 


要 了 解 更 多 的 基本 筛选 器 ， 可 以 阅读 jQuery 文档 ， 网 址 为 http://apijquery.com/category/ 


selectors/。 


2. 高 级 筛选 器 

除了 刚才 看 到 的 基本 筛选 器 以 外 , jQuery 还 支持 其 他 很 多 筛选 器 , 它们 可 以 用 来 根据 项 包含 
的 文本 、 是 否 可 见 、 以 及 它们 包含 的 任意 属性 获取 项 。 另 外 ， 还 有 一 些 筛选 器 可 以 获得 表单 元 素 
(例如 按钮 、 复 选 框 、 单 选 按钮 等 )， 以 及 大 量 可 以 用 来 选择 子 元 素 、 父 元 素 、 兄 弟 元 素 和 后 代 元 


素 的 选择 器 。 如 


筛选 器 


:contains(text) 


:has(element) 


表 9-2 所 示 列 出 了 最 常用 的 筛选 器 。 


表 9-2 高 级 筛选 器 
用 途 

通过 包含 的 文本 匹配 元 素 。 示 例如 下 : 
$('td:contains("Row 3")').css('color' ‘green'): 
如 果 省 上 ta， 那么 整个 表 都 会 变 成 绿色 。 这 是 因为 表 本 身 也 会 被 匹配 ( 它 的 一 个 子 表 包含 文本 
Row 3)， 所 以 颜色 将 应 用 到 整个 表 上 ， 从 而 使 得 每 个 单元 格 的 文本 变 为 绿色 
匹配 至 少 包含 一 个 给 出 元 素 的 元 素 。 示 例如 下 : 
S$(:header:has("span")).css(color, 'green"):// 将 包含 span 的 标题 元 素颜 色 修改 为 绿色 





[attribute] 


基于 给 定 属性 匹配 元 素 。 示 例如 下 : 
S$('[type]).css('color', ‘green): 
需要 在 文本 框 中 输入 一 些 文本 来 查看 绿色 的 字体 





[attribute=value] 





基于 一 个 属性 和 该 属性 的 值 匹 配 元 素 。 示 例如 下 : 


S$([type=text]).css(color. green): 
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( 续 表 ) 
筛选 器 用 途 

:input 这 些 选 择 器 可 以 用 来 匹配 特定 的 客户 端 HIML 表单 元 素 。 例如， 可 以 使 用 分 组 选择 器 把 查找 
:text 按钮 和 文本 框 的 代码 段 重 写 如 下 : 
:password S$(':button., :text).css(color、green ): 
Tadio 可 以 使 用 这 些 筛选 器 来 实现 一 些 特殊 的 效果 。 例 如 ， 要 想 编写 一 些 功能 来 选中 一 个 表单 中 的 
:checkbox 所 有 复 选 框 ， 可 以 使 用 下 面 的 代码 : 
:submit S$(':checkbox'").attr('checked', true): 
:image 要 想 取 消 全 部 复 选 框 ， 可 以 传递 false 作为 attr 方法 的 第 二 个 参数 
:Teset 
:button 
:hidden 

本 :fle 

售 【 例 9-3 】 演 示 了 短 选 器 的 用 法 。 借 助 于 这 个 页 面 ， 可 以 试验 本 章 中 的 许多 示例 ， 读 者 可 自 
行 练习 。 虽然 这 些 功能 很 强大 , 但 是 如 果 不 能 操作 它们 的 结果 , 那么 它们 也 就 没有 什么 实际 价值 。 
下 一 节 将 讨论 如 何 修改 匹配 集中 的 项 的 外 观 和 行为 。 








【 例 9-3】 使 用 jQuery 筛选 器 。 


基 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新建 网 站 】 命 令 ， 新 建 网 站 【 例 9-3】。 

实 (2) 切换 到 Default.aspx 的 源 视图 ， 在 <head> 标 记 中 添加 如 下 代码 以 引入 jQuery 库 : 
‘<script sre="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 

材 

中 (3) 在 <form> 标 记 中 添加 如 下 代码 : 


<div> 

<hl title="First Header"> 一 级 标题 <hl> 

<table id=-"Tablel"> 
<t><td> 姓 名 </td><td> 电 话 </td></t> 
<t><td> 赵 艳 铎 </td><td>01082166054</td></tr> 
<t><td> 葛 萌 萌 </td><td>03172059033</td></tr> 
<tr><td> 小 石头 </td><td>057187982212</td></t> 
<tr><td> 赵 飞 燕 </td><td>02150422312</td></tr> 

</table> 

<h2> 二 级 <span style="font-style: italic: font-weight: bold:"> 标 题 </span></h2> 

<input id="Button1" type="button" value="button" /> 

<input id="Text1" type="text" /> 

<br> 

<input id="Checkbox1" type="checkbox" /> 上 网 

<input id="Checkbox2" type="checkbox" > 游戏 

<input id="Checkbox3" type="checkbox" 广 和 逛街 
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<input id="Checkbox4" type="checkbox" 户 理财 
<input id="Button2" type="button" value=" 全 部 选中 " /> 
<input id="Button3" type="button" value=" 全 部 取消 选中 " 户 


</div> 


(4) 添加 “文档 就 绪 函 数 ”， 代 码 如 下 : 


<script type="text/javascript"> 
S$(function 0 { 


D: 


S$(#Table1").attr(‘border’, 1"): 
SC#Tablel).attr(cellpadding''27: 
S$(#Table1').attr('cellspacing’, '2"):; 

S$(#Tablel trfirst).css(Cbackground-color. Ted): 
S$(#Tablel tr:odd).cssCbackground-color，green'): 
$Cbutton. :text").css('color', '#ee0033"): 
S$(:header'").css('color', ‘#800080"): 


S$(":header:has("span")").css('border-bottom-style', "dashed): 


S$(#Button2'").click(function O { 
$C:checkbox").attr(checked' true); 

D: 

S$(#Button3").click(function O { 
S$(":checkbox'").attr('checked', false): 

入 


‘</script> 


(5) 编译 并 运行 程序 ， 在 浏览 器 中 打开 Defaultaspx 页 面 ， 如 图 9-4 所 示 。 单 击 【 全 部 选中 】 
按钮 ， 可 以 看 到 复 选 框 全 部 被 选中 ， 如 图 9-5 所 示 。 单 击 【 全 部 取消 选中 】 按 钮 将 取消 所 有 复 选 


框 的 选中 状态 。 
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@ )2.4 对 匹配 集中 的 项 应 用 CSS 


有 了 匹配 集 之 后 ， 就 需要 对 它 执行 一 些 操作 ， 本 节 将 介绍 如 何 对 匹配 集中 的 项 应 用 CSS 类 
或 者 样式 。 

jQuery 以 几 种 不 同 的 方式 支持 CSS。 首 先 ， 可 以 使 用 css 方法 来 检索 特定 的 CSS 值 (如 某 个 
项 的 颜色 )， 以 及 设置 一 组 元 素 的 一 个 或 多 个 CSS 属性 。 其 次 ， 使 用 addClass、removeClass、 
toggleClass 和 hasClass 等 方法 可 以 修改 或 检查 对 元 素 应 用 的 CSS 类 。 再 次 ， 还 有 以 下 几 种 方法 
可 以 用 来 修改 元 素 的 尺寸 和 位 置 。 

回 css(name,value) 

这 个 方法 用 来 设置 某 个 匹配 元 素 上 的 特定 的 CSS 属性 .name 参数 是 引用 一 个 CSS 属性 的 名 
称 (如 border、color 等 )，value 定义 了 要 应 用 的 样式 。 下 面 的 示例 就 是 修改 hl 元 素 的 背景 色 : 

$(h1).css(background-color'. 'green'): 

回 css(name) 

这 个 方法 基于 传递 给 它 的 属性 检索 特定 的 CSS 值 。 下 面 的 示例 将 弹出 对 话 框 ， 内 容 是 二 级 
标题 的 span 元 素 的 font-style 属性 值 。 

alert($(h2 span ).css(font-style )); 

可 以 在 jQuery 脚本 中 使 用 这 个 值 ; 例如 ， 可 以 用 来 在 斜体 和 普通 字体 之 间 切 换 font-style， 
或 者 将 多 个 元 素 设置 为 相同 的 类 型 。 

回 css(properties) 

这 是 一 个 功能 强大 的 方法 ， 它 可 以 用 来 同时 设置 匹配 元 素 的 多 个 属性 。 下 面 的 示例 将 表 中 所 
有 单元 格 的 颜色 修改 为 红色 ， 内 边 距 设 为 10px， 字 体 修改 为 Verdana。 注意 每 个 属性 和 属性 值 直接 
由 冒号 (C) 分 隔 ， 而 每 个 属性 /属性 值 对 之 间 由 逗号 分 隔 。 完 整 的 属性 集 包含 在 一 对 花 括号 ({) 之 问 ; 

$C#Tableld td").css({'color’ :red font-family’ : "Verdana', 

padding : 10px'}): 

©® addClass、 removeClass 和 toggleClass 

addClass 和 removeClass 方法 分 别 用 来 在 元 素 中 添加 和 删除 类 。 和 普通 的 CSS 一 样 ， 使 用 这 
些 方法 ， 比 使 用 css(properties) 方 法 进行 内 联 CSS 赋值 更 好 。 这 样 就 更 容易 在 一 个 集中 的 位 置 定 
义 CSS 类 ， 从 而 使 得 它们 更 易于 维护 和 重用 。 下 面 的 代码 将 为 h2 元 素 添加 新 的 CSS 类 : 


$(h2).addClass(myClass’): 

如 果 希 望 再 次 删除 类 ， 则 可 以 调用 removeClass 方法 ， 如 下 所 示 : 
$(h2")removeClass(myClass’): 

如 果 类 还 不 存在 ， 则 toggleClass 方法 将 分 配 一 个 类 ， 否 则 将 删除 类 。 
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和 


这 3 个 方法 都 允许 传递 多 个 类 ， 各 个 类 之 间 用 空格 分 隔 。 


@ )2.5 ”添加 事件 处 理 


事件 是 许多 编程 语言 中 常用 的 一 种 技术 。 在 前 面 的 章节 中 已 经 介绍 了 .NET 事件 的 应 用 ， 
JavaScript 和 DOM 也 不 例外 , 它们 在 许多 地 方 都 提供 了 事件 .例如 ,许多 HIML 元 素 (如 使 用 input 
type="button" 定 义 的 按钮 ) 都 有 一 个 Click 事件 , 在 单 击 的 时 候 触 发 .同样 地 , 它们 还 有 onmouseover 
和 onmouseonut 事件 ， 当 鼠标 经 过 或 者 离开 它们 的 时 候 触发 。 

可 以 在 标记 中 直接 定义 事件 ， 也 可 以 将 事件 处 理 程序 定义 为 一 个 函数 , 例如， 下 面 的 两 种 形 
式 都 是 合法 的 : 

<input type="button" onclick="alert(Hello):" value=" 提 交 " /> 

<input type="button" onclick="SayHello0:" value=" 提 交 " /> 





在 学 习 AJAX 的 时 候 ， 曾 介绍 ASP.NET AJAX 框架 的 addHandler 方法 ， 可 以 在 一 个 独立 的 
代码 块 中 建立 处 理 程序 。jQuery 则 更 进一步 ,不 仅仅 允许 将 事件 挂钩 到 单个 元 素 上 ， 还 允许 将 事 
件 挂钩 到 整个 匹配 集 上 。 这 种 功能 极为 强大 ， 因 为 只 用 几 行 代码 ， 就 可 以 将 处 理 程序 绑 定 到 大 量 
的 元 素 上 。 例 如 , 为 了 使 表格 的 外 观 美观 一 些 , 可 以 设置 当 鼠 标 移动 到 某 行 时 , 该 行 就 改变 颜色 。 
如 果 不 使 用 jQuery, 则 需要 对 表 的 每 一 行 都 编写 onmouseover 和 onmouseout 事件 。 而 使 用 jQuery， 
则 只 需 使 用 如 下 几 行 代码 : 

Sunction0{ 

SC#TableIdtr) 
.bind(mouseover, function0 { SGthis).cssCbackground-color, yellow) }); 

D: 


这 些 代码 将 找 出 #TableId 元 素 中 的 全 部 表 行 ， 然 后 动态 分 配 一 个 函数 ， 当 鼠标 悬 停 在 每 一 行 
上 时 ， 将 会 调用 该 函数 。 要 将 onmouseout 绑 定 到 一 个 新 函数 ， 只 需 对 bind 的 第 一 次 调用 返回 的 
值 再 次 调用 bind 方法 即 可 。jQuery 方法 的 优点 在 于 ， 除 了 应 用 某 些 设计 或 行为 ， 它 们 会 再 次 返 
回 匹配 集 ， 这 样 就 可 以 对 相同 的 匹配 集 调用 其 他 方法 。 这 个 概念 称 为 链接 (chaining)， 在 这 种 概念 
中 ， 使 用 一 个 方法 的 结果 作为 另外 一 个 方法 的 输入 ， 从 而 产生 一 个 效果 链 。 
S$(#Tableld tm) 
.bind(mouseover, function| { $(this).css(‘background-color'. yellow) }) 
-bind( mouseout, fonction0 { SGthis).cssCbackground-color、") }): 


忆 提示 
上 述 代码 中 结束 行 的 分 号 移动 到 了 最 后 一 行 . 这 样 ,第 二 个 bind 方法 就 绑 定 到 了 前 一 次 对 bind 方法 
的 调用 上 。 







2 


将 是 皇 腻 


兰 





实测 赴 沦 





AN 
CA ASP.NET 4.0 动态 网 站 开发 实用 教程 
TO 


基 
础 
与 
实 


兰 





衬 济 车 痊 





-274- 


上 述 代码 完成 三 项 工作 : 首先 ， 使 用 $(#TableId to) 找 出 表 中 的 全 部 行 。 它 在 返回 的 匹配 集中 
调用 bind 方法 ， 以 便 动 态 挂钩 一 些 行 为 ， 当 鼠标 移动 到 某 一 行 上 时 ， 就 会 触发 这 些 行为 。 然 后 ， 
对 第 一 次 调用 bind 方法 返回 的 匹配 集 再 次 调用 bind 方法 ， 以 便当 鼠标 从 该 行 移 走 的 时 候 重 设 背 
景色 。 代 码 中 将 颜色 设置 为 一 个 空 字符 串 ( )， 以 便 删 除 CSS 背景 属性 ， 这 样 就 可 以 看 到 原来 的 
背景 。 

在 这 个 示例 中 ， 还 有 一 个 重点 地 方 需要 注意 ， 即 设置 背景 色 的 方式 : 

S(this).css(‘backeround-color', yellow) 


其 中 ，this 关键 字 指 的 是 应 用 该 项 的 元 素 : 在 本 例 中 就 是 表 行 。 使 用 $(this) 将 得 到 jQuery 匹 
配 集 (包含 单个 元 素 )， 可 以 对 其 应 用 常规 的 jQuery 方法 ， 如 css 方法 ， 也 可 以 不 是 以 jQuery 而 是 
对 this 元 素 执行 标准 的 JavaScript 方法 。 例 如 : 


this style backgroundColor= 'yellow" 


一 知识 点 


在 JavaScript 中 ， 短 划 线 (-) 不 是 一 个 有 效 的 标识 符 ， 所 以 在 JavaScript 中 ， 所 有 的 短 划 线 都 将 从 属性 
名 中 删除 。 而且， 原来 紧 跟 在 短 划 线 后 面 的 字母 将 变 为 大 写 方式 .。 所 以 ，CSS 中 的 background-color 在 








JavaScript 中 就 变 成 了 backgroundColor，font-family 就 变 成 了 fontFamily， 等 等 。 


绑 定 事件 之 后 , 也 可 以 使 用 unbind([type],[ 血 ]) 方 法 删除 事件 绑 定 , 其 中 第 一 个 参数 表示 要 删 
除 绑 定 的 事件 名 ,第 二 个 参数 表示 删除 的 附带 参数 。 例 如 ， 下 面 示例 将 把 刚 注册 的 鼠标 移 走 事件 
删除 掉 ; 

S$(#Tableld tr)unbind(Cmouseout): 

另外 ，bind0 方 法 有 一 个 特例 就 是 one0 方 法 ， 它 能 够 匹配 元 素 绑 定 一 个 仅 能 够 执行 一 次 的 事 
件 处 理 函数 。 在 每 个 对 象 上 ， 这 个 事件 处 理 函 数 只 会 被 执行 一 次 。 其 他 规则 与 bindO 函 数 相同 。 
这 个 事件 处 理 函 数 会 接收 到 一 个 事件 对 象 ， 可 以 通过 它 来 阻止 (浏览 器 ) 默 认 的 行为 。 例 如 ;: 

$("p").one("click", functionO{ 

alert( $(this).textO ): 
DD: 


@ )2.6 访问 jQuery 对 象 


通过 选择 器 或 筛选 器 得 到 的 jQuery 对 象 是 一 个 集合 ， 要 访问 该 集合 ， 除 了 使 用 索引 值 以 外 ， 
还 可 以 使 用 jQuery 定义 的 几 个 方法 和 属性 。 另 外 ，jQuery 还 优化 并 扩展 了 很 多 筛选 函数 ， 这 些 
函数 作为 jQuery 对 象 的 方法 直接 使 用 ， 这 样 就 能 够 在 选择 器 的 基础 上 更 加 精确 地 控制 对 象 。 


ES 
第 9 章 jQuery 入 门 (局 
’ 
1. each 方法 


each 方法 迭代 (或 循环 遍历 ) 一 个 集合 。 当 需要 对 匹配 集中 的 项 应 用 某 种 行为 ， 但 是 无 法 使 用 
-个 jQuery 函数 完成 设置 时 ， 就 可 以 使 用 each 方法 ， 把 希望 对 每 一 项 执行 的 函数 作为 参数 传递 
给 each。 例 如 ， 下 面 的 each 示例 通过 循环 遍历 匹配 集中 的 每 一 项 ， 然 后 调用 alert， 将 每 个 单元 
格 的 内 容 显示 出 来 。 
S$(#Tableld td").each(function| { 
alert(this.innerHTML): 
»; 


2. size() 和 length 


size() 方 法 能 够 返回 jQuery 对 象 中 元 素 的 个 数 ， 而 length 属性 与 size0 方 法 功能 相同 。 例 如 ， 
下 面 的 代码 使 用 size0 方 法 和 length 属性 返回 值 都 为 2。 


<span> 文 本 块 1</span> 章 


<span> 文 本 块 2</span> 

“<script language="javascript" type="text/javascript"> 
alert($("span").size0); /返回 值 为 2 
alert($("span").length); /返回 值 为 2 

</script> 










将 是 空 盯 


3. get 方法 


get0 方 法 能 够 把 jQuery 对 象 转换 为 DOM 中 的 元 素 集合 。 例 如 ， 在 下 面 示例 中 ， 使 用 $0 函 
数 获取 所 有 span 元 素 ， 然 后 用 get0 方 法 把 该 jQuery 对 象 转换 为 DOM 集合 ， 再 调用 JavaScript 
数组 方法 reverse0 把 数组 元 素 的 位 置 颠倒 过 来 。 最 后 为 数组 中 第 一 个 元 素 设 置 字体 为 红色 ， 最终 
效果 是 文本 “文本 块 2” 显 示 为 红色 。 

<span> 文 本 块 1</span><span> 文 本 块 2</span> 

‘<script language="javascript" type="text/javascript"> 

var spans= $("span").get0.reverse0: // 把 当前 jQuery 对 象 转换 为 DOM 对 象 并 颠倒 它们 的 位 置 

spans[0].style.color = "red": // 把 当前 jQuery 对 象 设置 为 红色 

‘</script> 

也 可 以 使 用 get(index) 方 法 获取 指定 索引 值 的 元 素 对 象 。 

4.index 方法 


兰 


济 蒜 尖 


Index 方法 用 于 获取 jQuery 对 象 中 指定 元 素 的 索引 值 ， 如 果 找 到 了 匹配 的 元 素 ， 从 0 开始 
返回 ， 如 果 没 有 找到 匹配 的 元 素 ， 则 返回 - 1 。 

如 果 不 给 index0 方 法 传递 参数 ， 那 么 返回 值 就 是 这 个 jQuery 对 象 集合 中 第 一 个 元 素 相 对 于 
其 同辈 元 素 的 位 置 ; 如 果 参 数 是 一 组 DOM 元 素 或 者 jQuery 对 象 , 那么 返回 值 就 是 传递 的 元 素 相 
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对 于 原先 集合 的 位 置 ， 如果 参数 是 一 个 选择 器 ， 那么 返回 值 就 是 原先 元 素 相对 于 选择 器 匹配 元 素 
中 的 位 置 。 


例如 ， 在 下 面 这 个 示例 中 ， 所 有 的 调用 都 返回 1。 


<Ul> 

<liid="foo">foo</li> 

<liid="bar">bar</li> 

<liid="baz">baz</li> 
<ml> 
<script language="javascript" type="text/javascript"> 
$(i).index(document.getElementById(bar”)); /1， 返 回 这 个 对 象 在 原先 集合 中 的 索引 位 置 
SCli)index($C#bar)): /1， 传 递 一 个 jQuery 对 象 
S0li)index($(li:gt(0)7) /1 传递 一 组 jQuery 对 象 , 返回 这 个 对 象 中 第 一 个 元 素 在 原先 集合 中 的 索引 位 置 
SCHfbar)index(li); /1， 传 递 一 个 选择 器 ， 返 回 #bar 在 所 有 中 的 做 引 位 置 
SCfbar),index0: /1， 不 传递 参数 ， 返 回 这 个 元 素 在 同辈 中 的 索引 位 置 。 
</script> 





5. 筛选 函数 
jQuery 定义 了 很 多 能 够 从 选取 对 象 中 过 滤 部 分 元 素 的 方法 ， 这 些 方法 是 对 选择 器 功能 的 补 


充 。 如 表 9-3 所 示 列 出 了 一 些 常用 的 筛选 函数 。 


表 9-3 ”筛选 函数 
筛选 函数 说 明 
eq(index) 获取 指定 索引 值 位 置 上 的 元 素 ， 索 引 值 从 0 开始 


hasClass(class) “| 检查 当前 元 素 是 否 含有 某 个 特定 的 类 ， 如 果 有 ， 则 返回 true 
filter(expr) 筛选 与 指定 表达 式 匹 配 的 元 素 集合 。 该 方法 用 于 缩小 匹配 范围 ， 用 逗号 分 隔 多 个 表达 式 


filter(fh) 筛选 出 与 指定 函数 返回 值 匹 配 的 元 素 集合 
Re 用 一 个 表达 式 来 检查 当前 选择 的 元 素 集合 ， 如 果 其 中 至 少 有 一 个 元 素 符 合 给 定 的 表达 式 就 返 
is(expT 

回 tme 


map(callback) | 将 一 组 元 素 转换 成 其 他 数组 (不 论 是 否 是 元 素数 组 ) 


not(expD) 删除 与 指定 表达 式 匹 配 的 元 素 
slice(start.[end]) | 选取 一 个 匹配 的 子 集 ， 与 原来 的 slice 方法 类 似 








把 与 表达 式 匹 配 的 元 素 添加 到 jQuery 对 象 中 。 这 个 函数 可 以 用 于 连接 分 别 与 两 个 表达 式 匹 配 

















ee 的 元 素 结果 集 

children([expr]) | 取得 一 个 包含 匹配 的 元 素 集合 中 每 一 个 元 素 的 所 有 子 元 素 的 元 素 集合 

contents0 查找 匹配 元 素 内 部 所 有 的 子 节点 (包括 文本 节点 )。 如 果 元 素 是 iiame， 则 查找 文档 内 容 
i 搜索 所 有 与 指定 表达 趟 匹配 的 元 素 。 这 个 函数 是 找 出 正在 处 理 的 元 素 的 后 代 元 素 
next([expd]) | 取得 一 个 包含 匹配 的 元 素 集合 中 每 一 个 元 素 紧邻 的 后 面 同 非 元 素 的 元 素 集合 
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( 续 表 ) 
筛选 函数 说 明 
nextAll([expr]) 查找 当前 元 素 之 后 的 所 有 元 素 
_parent([expr]) 取得 一 个 包含 着 所 有 匹配 元 素 的 唯一 父 元 素 的 元 素 集合 
_parents([expr] | 取得 一 个 包含 着 所 有 匹配 元 素 的 祖先 元 素 的 元 素 集合 (不 包含 根 元 素 ) 
rev( 取得 一 个 包含 匹配 的 元 素 集合 中 每 一 个 元 素 紧邻 的 前 一 个 同辈 元 素 的 元 素 集合 
_prevAll([expr] | 查找 当前 元 素 之 前 所 有 的 同辈 元 素 ， 可 以 用 表达 式 过 滤 
取得 一 个 包含 匹配 的 元 素 集合 中 每 一 个 元 素 的 所 有 唯一 同辈 元 素 的 元 素 集合 。 可 以 用 可 选 的 
siblings([expr]) a 
表达 式 进行 第 选 
andSelfO 加 入 先前 所 选 的 当前 元 素 中 ， 对 于 筛选 或 查找 后 的 元 素 ， 要 加 入 先前 所 选 元 素 时 将 会 很 有 用 
end0 回 到 最 近 的 一 个 “破坏 性 ”操作 之 前 ， 即 将 匹配 的 元 素 列表 变 为 前 一 次 的 状态 
例如 ， 有 如 下 HTML 代码 : 


<p><span>Hello</span>, how are you?</p> 


那么 ，$("p").find("span") 的 结果 为 :<span>Hello</span>。 


@ )2.7 ”使 用 jQuery 的 效果 


在 【 例 9-2】 中 用 了 slideUp 和 slideDown 来 逐渐 隐藏 和 显示 元 





， 但 是 这 只 是 jQuery 提供 


的 诸多 效果 和 动画 方法 中 的 两 种 方法 。 本 节 将 介绍 其 他 一 项 常用 的 方法 ， 如 表 9-4 所 示 。 


表 9-4 常用 的 动画 效果 方法 











方 ” 法 用 途 

通过 递减 height、width 和 opacity( 使 它们 变 为 透明 ) 隐 藏 或 者 显示 匹配 元 素 。 两 种 方法 都 允许 
show0 定义 固定 的 速度 ( 慢 、 中 、 快 ) 或 者 一 个 定义 动画 持续 时 间 ( 单 位 为 毫秒 ) 的 数字 。 示 例如 下 : 
hideO S$(h1").hide(1000); 

S$(h1").show(1000): 

toggle 方法 在 内 部 使 用 show 和 hide 来 改变 匹配 元 素 的 显示 方式 。 即 ， 可 见 元 素 将 被 隐藏 ， 不 
toggle0 可 见 元 素 将 会 显示 。 示 例如 下 : 

S$(h1").toggle(2000): 

类 似 于 hide 和 show, 这 些 方 法 隐藏 或 显示 匹配 元 素 。 但是, 这 是 通过 将 元 素 的 height 从 当前 
slideDownO 尺寸 调整 为 0， 或 者 从 0 调整 为 初始 尺寸 来 实现 的 。slideToggle 方法 会 展开 隐藏 的 元 素 ， 卷 
slideUp(O 起 可 见 的 元 素 ， 从 而 可 以 使 用 一 个 动作 重复 地 显示 和 隐藏 元 素 。 示 例如 下 : 
slideToggle0 $Chl).slideUp(1000).slideDown(1000): 





$Chl).slideToggle(1000): 
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方 法 用 途 
这 些 方 法 通过 修改 匹配 元 素 的 不 透明 度 显示 或 隐藏 它们 。fadeOut 将 不 透明 度 设置 为 0， 使 元 
素 完全 透明 ， 然 后 将 CSS display 属性 设置 为 none， 从 而 完全 隐藏 元 素 。fadeTo 允许 指定 一 


( 续 表 ) 





fadeInO 个 不 透明 度 (0 到 1 之 间 的 一 个 数字 )， 以 便 决 定 元 素 的 透明 程度 。 全 部 3 个 方法 都 允许 定义 一 
fadeOutO 个 固定 速度 ( 慢 、 中 、 快 )， 或 者 一 个 定义 了 动画 持续 时 间 ( 单 位 为 毫秒 ) 的 数字 。 示 例如 下 : 
fadeTo0 SChl)fadeOut(1000): 

S$(h1').fadeIn(1000); 


S$(h1".fadeTo(1000., 0.5): 
在 内 部 ，animate 用 于 许多 动画 方法 ， 例 如 show 和 hide。 但 是 ， 也 可 以 在 外 部 使 用 它 ， 从 而 
可 以 更 灵活 地 以 动画 方式 显示 匹配 元 素 。 例 如 下 面 这 个 示例 : 
S$(h1).animate({ 

‘opacity: 0.4, 

marginLeft: 'SOpx', 

fontSize: '50px’ 
animate0) }.1500): 
这 段 代码 接受 一 个 hl 元 素 ， 将 其 字体 大 小 设置 为 50 像素 ， 将 其 不 透明 度 设置 为 0.4 以 使 元 
素 半 透 明 ， 并 将 其 左 页 边 距 设置 为 50 像素 ， 从 而 在 1.5 秒 的 时 间 内 平滑 地 进行 动画 显示 。 
animate 方法 的 第 一 个 参数 是 一 个 对 象 , 它 保存 一 个 或 者 多 个 想 要 动画 显示 的 属性 , 每 个 属性 
之 间 以 逗号 分 隔 。 注意 , 需要 使 用 JavaScript 的 marginLeft 和 fontSize, 而 不 是 CSS margin-left 
和 font-size 属性 。 只 能 动画 显示 接受 数值 的 属性 。 也 就 是 说 , 可 以 使 用 margin、 fontSize、opacity 

等 属性 ， 但 是 不 能 使 用 color 或 fontFamily 这 样 的 属性 

停止 所 有 在 指定 元 素 上 正在 运行 的 动画 , 如 果 队 列 中 有 等 待 执行 的 动画 (并 且 第 一 个 参数 不 是 
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ey tme)， 则 将 被 马上 执行 
设置 一 个 延 时 来 推迟 执行 队列 中 之 后 的 项 目 ， 用 于 将 队列 中 的 函数 延 时 执行 。 访 方法 既 可 以 
推迟 动画 队列 的 执行 ,也 可 以 用 于 自 定义 队列 。 例如 下 面 的 代码 将 在 slideUpO 和 .fadeIn0 之 间 


延 时 1 秒 : 
SCh1’).slideUp(1000).delay(1000).fadeIn(1000): 





下 面 来 看 一 个 jQuery 实现 的 动画 效果 。 

【 例 9-4】 使 用 jQuery 的 效果 动态 显示 图 片 。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【 例 9-4】.。 

(2) 切换 到 Default.aspx 的 源 视 图 ， 在 <head> 标 记 中 添加 如 下 代码 以 引入 jQuery 库 : 
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 

(3) 新 建 一 个 文件 夫 images， 并 在 其 中 添加 5 个 图 片 文件 pl.jpg~p5.jpg。 
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<div id="photoShow"> 


<div class="photo"> 
<img src= imagesp1.jpg" 亡 
<span> 蓝 天 与 山脉 </span> 
</div> 
<div class="photo"> 
<img src="images/p2.jpg" /> 
<span> 夕 阳 无 限 好 </span> 
</div> 
<div class="photo"> 
<img src="images/p3.jpg" 户 
<span> 小 荷 才 露 尖 尖 角 </span> 
</div> 
<div class="photo"> 
<img src="images/p4.jpe" /> 
<span> 寒 冷 的 冬天 </span> 
</div> 
<div class="photo"> 
<img src="images/p5.jpg" /> 
<span> 清 华 大 学 </span> 
</div> 


</div> 
(5) 上 述 代码 用 到 了 一 些 CSS 样式 , 所 以 需要 添加 这 些 样式 的 定义 , 本 例 直 接 在 Default.aspx 
中 定义 内 谋 式 样式 ， 首 先 在 <head> 标 记 中 添加 如 下 代码 : 


<style type="text/css"> 


#photoShow{ 
border: solid 1px #C5E88E: 


overflow: hidden: /#* 图 片 超出 DIV 的 部 分 不 显示 */ 


width: 490px: 
height: 169px: 
background: #C5E88E: 
position: absolute: 
b 
‘photo{ 
position: absolute: 
top: Opx: 
width: 400px: 


/ew 


/ Ba\ 
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(4) 在 <form> 标 记 中 添加 如 下 代码 : 


KC 
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height: 169px: 
} 
Photo img{ 
width: 400px: 
height: 169px: 


left: Opx: 

bottom: -32px; * 介 绍 内 容 开 始 的 时 候 不 显示 */ 
background: black 

color #FFFFFF; 


</style> 
(6) 添加 “文档 就 绪 函 数 ”， 代 码 如 下 : 


“<script type="textjavascript"> 
$(document) ready(function O { 
Var imgDivs = $("#photoShow>div"); 
Var imgNums = imgDivs.length:; // 图 片 数量 
var divWidth = parseInt($("#photoShow").css("width")); /显示 宽度 
varimgWidth = parseInt($(".photo>img").css("width")); /图 片 宽度 
var minWidth = (divWidth - imgWidth) / (imgNums - 1): /显示 其 中 一 张 图 片 时 其 他 图 片 的 显示 
宽度 
var spanHeight = parseInt($("#photoShow>.photo:first>span").css("height")); /图 片 介绍 信息 的 高 度 
imgDivs.each(function (1) { 
S$(imgDivs[i]).css({ "z-index": i. "left": i * (divWidth / imgNums) }): 
S$(imgDivs[i) hover(fimction 0 { 
S$(this).find("span").stopO.animate( { bottom: 0 }, "slow"): 
imgDivs.each(function 0) { 
£0) { 
S$(imgDivs[i]).stopO0.animate( { left: j* minWidth }, "slow"): 
}else{ 
S$(imgDivs[i]).stopO0.animate({ left: (j - 1) * minWidth + imgWidth }. "slow"): 
DD: 
}. function 0 { 


第 9 章 jQuery 入 门 | ty | 
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imgDivs.each(function ( { 
S$(this) find("span").stopO.animate({ bottom: -spanHeight }. "slow"): 
S$(imgDivs[k]) stopO.animate({ left: k * (divWidth / imgNums) }. "slow"): 


</script> 


在 上 述 代 码 中 , 首先 定义 了 一 些 变 量 , 然后 使 用 each0 函 数 在 每 一 个 匹配 的 元 素 进行 事件 处 
理 。 通 过 hover() 函数 来 处 理 鼠 标的 hover 事件 。 在 这 里 所 有 的 动画 效果 都 是 通过 animate0 函 数 
修改 CSS 来 控制 元 素 的 显示 位 置 来 实现 的 。 调用 animateO) 函 数 前 调用 stop(0) 函 数 是 用 来 停止 当前 
元 素 的 所 有 执行 中 的 事件 。 

(7) 编译 并 运行 程序 ， 在 浏览 器 中 打开 Default.aspx 页 面 ， 初 始 状态 如 图 9-6 所 示 。 当 鼠标 进 
入 图 片区 域 后 将 以 大 图 显示 当前 所 在 的 图 片 ， 相 应 的 其 他 图 片 将 缩小 ， 如 图 9-7 所 示 。 


https//1ocalhost:2325/M9-d/Der sult. aspx s.., 国 回国 [https//1ocalhost:2325/ 例 9-4/Dofnult. aspx 


BGO- Gre ans sx -1@O- Srey x| 豆 
取 件 中信 加 区 碍 看 0 权 世 天 册 工具 天 区 只 双全 中信 可 四 各 看 0 和 基山， 工具 四 天助 员 
窗 站 | 大 mwifassahonuen- 从 -四 -各 -四 7E@6o- 会 安 | 古 hwi/ieeascz 丛 - 目 ”要 -了 DT - 











图 9-6 平均 大 小 显示 所 有 图 片 图 9-7 鼠标 进入 图 片区 域 动态 显示 


虽然 一 些 代 码 看 上 去 十 分 复杂 ， 但 是 使 用 jQuery 实现 一 些 特殊 效果 仍然 相对 简单 。 


©@; jQuery 扩展 应 用 





相信 通过 前 面 的 学 习 ， 读 者 已 经 看 到 了 jQuery 的 强大 和 优势 ， 但 是 jQuery 的 功能 远 不 止 这 

些 。 jQuery 提供 了 一 个 灵活 的 插件 体系 结构 ,使 得 插件 开发 者 编写 的 功能 可 以 很 容易 地 通过 包含 
-个 或 多 个 JavaScript 文件 以 及 调用 一 个 或 者 多 个 方法 进行 重用 。jQuery 社区 积极 地 开发 出 了 数 

百 种 实用 的 插件 ， 可 以 毫 不 费力 地 把 它们 添加 到 页 面 中 。 

jQuery 插件 非常 流行 ， 以 至 于 jQuery 站 点 专门 用 了 一 部 分 空间 来 提供 插件 ，http://plugins. 
jquery.com/。 除 了 jQuery.com 上 的 插件 存储 库 以 外 ，Internet 上 还 有 其 他 许多 插件 。 

通常 ， 使 用 jQuery 插件 的 步骤 如 下 : 

(1) 在 Intemet 上 找到 并 下 载 要 使 用 的 插件 。 
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(2) 在 项 目 中 包含 插件 ， 即 将 下 载 的 js 文件 添加 到 Scripts 文件 夹 中 。 

G) 在 页 面 中 添加 对 插件 文件 的 引用 。 如 果 需 要 大 量 使 用 该 插件 ， 则 把 它 添 加 到 母 版 页 中 。 

(4) 通过 编写 代码 使 用 插件 。 具 体 的 代码 取决 于 使 用 的 插件 。 一 般 可 以 在 线 找到 插件 的 示例 
或 readme 文件 。 


@ )3.1 使 用 jQuery 插件 


从 jQuery 网 站 或 mtemet 网 站 下 载 的 插件 通常 都 有 示例 程序 ， 使 用 这 些 插件 都 十 分 简单 ， 开 
发 人 员 不 必 关 心 它 的 工作 原理 ， 只 需 参 照 示 例 使 用 插件 、 执 行 代码 即 可 实现 相应 的 效果 。 

下 面 将 介绍 水 印 效果 的 jQuery 插件 的 使 用 ， 可 以 在 http:/pluginsjquery.comyproject/ 
updnWatermark 上 找到 该 插件 。 

【 例 9-5】 使 用 水 印 效果 的 jQuery 插件 。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【新建 网 站 】 命 令 ， 新 建 网 站 【 例 9-5】 。 

(2) 将 下 载 的 jQuery 插件 解压 出 来 ， 将 得 到 的 jquery.updnWatermark.js 文件 添加 到 项 目的 
Scripts 文件 夹 中 ， 将 Sample.css 文件 添加 到 Styles 文件 夹 中 。 

(3) 切换 到 Default.aspx 的 源 视图 ， 在 <head> 标 记 中 添加 如 下 代码 引入 jQuery 库 和 CSS 样式 
文件 : 

<script sre="Scripts/jquery-1.4.1.minjs" type="text/javascript"></script> 

‘<script sre="Scripts/jquery.updnWatermark.js" type="text/javascript"></script> 

<link type="text/css" rel="Stylesheet" hre 人 ="Styles/Sample.css" /> 

(4) 添加 一 个 TextBox 控件 到 页 面 中 ， 要 想 使 插件 将 水 印 文本 添加 到 文本 框 中 ， 需 要 设置 想 
添加 水 印 的 每 个 控件 的 ToolTip 属性 .标记 中 的 ToolTip 属性 将 映射 到 最 终 HTML 中 的 title 属性 。 
设置 TextBox 控件 的 ToolTip 属性 ， 添 加 一 些 提 示 性 文本 ， 此 时 <form> 标 记 中 的 代码 如 下 : 

<div> 

<h2>updnWatermark 使 用 示例 </h2> 


姓名 : <asp:TextBox ID="TextBox1" runat="server" ToolTip=" 输 入 姓名 ， 如 葛 萌 萌 "></asp:TextBox> 
</div> 


(5) 接 下 来 就 是 在 文档 就 绪 函 数 中 调用 插件 的 主 方法 ， 设 置 控件 的 水 印 效果 。 当 输入 $. 时 将 
弹出 智能 提示 列表 ， 在 该 列表 中 可 以 看 到 updnWatermark， 如 图 9-8 所 示 。 

(6) 可 以 参照 下 载 的 插件 的 示例 代码 ， 添 加 如 下 代码 : 
<script type="text/javascript"> 

S$Ganction | { 

S$.updnWatermark.attachAllO: 

a 

</script> 


忆 提示 





不 需要 选择 任何 项 ,只 需要 调用 jQuery 对 象 的 updnWatermark 方法 (使 用 $ 快 捷 方式 )， 而 不 必 指定 任 


何 选择 器 。 然 后 updnWatermark 方法 将 扫描 表单 ， 查 找 具 有 title 属性 的 表单 字段 。 也 可 以 选择 传 入 一 个 
定义 了 文本 标记 的 CSS 类 。 


(7) 编译 并 运行 程序 ， 运 行 效果 如 图 9-9 所 示 。 将 光标 聚焦 到 文本 框 控件 上 时 ， 文 本 将 会 消 
失 。 不 在 控件 中 输入 值 并 按 失去 焦点 时 ， 文 本 将 会 重新 显示 。 


《script type="text/javascript”> 
2 Of 
$$. 


re 六 宽 安居 Mtp;//locuhost:13..， | | 全- 
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图 9-8 代码 的 智能 提示 图 9-9 水 印 效果 


知识 点 
这 个 水 印 插件 很 智能 ， 它 并 不 会 把 文本 放 到 文本 框 中 。 相 反 ， 它 会 快速 创建 一 个 标记 ， 并 将 其 放 到 
文本 框 上 ， 从 而 使 文本 看 上 去 包含 在 文本 框 中 。 这 个 解决 方案 的 智能 之 处 在 于 ， 因 为 实际 的 字段 没有 改 





变 ， 所 以 控件 的 验证 仍然 与 以 前 一 样 。 验 证 控件 会 看 到 一 个 空 文本 框 ， 如 果 没 有 输入 有 效 数 据 ， 但 是 却 
想 提交 表单 ， 验 证 控件 就 会 触发 一 个 验证 弹出 窗口 。 


3.2 编写 jQuery 插件 


本 节 将 通过 一 个 简单 的 例子 来 介绍 如 何 编写 jQuery 插件 , 要 编写 的 这 个 jQuery 插件 很 简单 ， 
实现 的 功能 是 : 给 指定 表格 加 上 鼠标 所 在 行 高 亮 显示 。 

【 例 9-6】 编 写 一 个 给 指定 表格 加 上 鼠标 指针 所 在 行 高 亮 显示 的 jQuery 插件 ， 并 提供 测试 
页 面 。 

(1) 启动 VWD 2010， 选择 【文件 】|【 新 建 网 站 】〗】 命 令 ， 新 建 网 站 【 例 9-6】。 

(2) 在 Scripts 文件 夹 中 通过 【添加 新 项 】〗 命 令 添加 一 个 JScript 文件 jQuery.tabHighLightjs。 

(3) 在 新 建 的 文件 中 添加 如 下 代码 : 


KS 
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(fimction (3) { 
$.fn.lishtRow = function (row_color) { 
Var default_color = "#669900": /默认 颜色 
IOW_color = (row_color —— undefined) ? default color : row_color: 
S(this).find("tr").each(function O { 
S$(this).mouseover(function O { 
$(this).attr("old_color", $(this).css("background-color"));  // 创 建 属性 保存 旧 颜 色 
$(this).css("background-color", row_color); /使 用 新 颜色 
Dmouseout(fimction O { 
$(this).css("background-color", $(this).attr("old_color")); /恢复 旧 颜 色 
S$(this)removeAttr("old_color"); /删除 保存 旧 颜色 的 属性 
D: 
六 
Tetum $(this); /保持 操作 链 
本 下 


DIQuery): 

上 述 代 码 的 核心 部 分 与 【 例 9-3】 中 添加 的 类 似 ， 都 是 添加 了 鼠标 进入 和 移出 事件 ， 所 不 同 
的 是 头 和 尾 的 格式 ， 头 部 定义 了 方法 的 调用 方式 (方法 名 是 lightRow， 并 且 可 以 有 一 个 可 选 参数 
指定 颜色 )， 尾 部 返回 原 调用 对 象 ， 并 在 末尾 用 (jQuery) 标 识 这 是 一 个 jQuery 插件 。 

(4) 在 Default.aspx 页 面 中 添加 一 个 表格 ， 代 码 如 下 : 






将 炸 皇 暴 





兰 






教 <table id="table1"> 
材 <t> 
忆 <t 由 姓名 <htd><td> 电 话 <htd> 
</t> 
<tr> 
<td> 赵 艳 铎 </td><td>15910801234</td> 
</t> 
<t> 
<td> 葛 萌 萌 </td><td>13831705678</td> 
</t> 
<t> 
<td> 小 石头 <td><td>01082166054</td> 
</t> 
<tr> 
<td> 金 百合 </td><td>03172059876</td> 
</tr> 
</table> 


(5) 在 <head> 标 记 中 添加 如 下 代码 引入 jQuery 库 : 





(OB 
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<script sre="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
‘<script src="Scripts/jQuery .tabHighLight.js" type="text/javascript"></script> 
(6) 接 下 来 就 是 在 文档 就 绪 函 数 中 调用 插件 的 方法 ， 添 加 如 下 代码 : 
<script type="text/javascript"> 
S$(function O{ 
S$(#table1').attr( {border: '1', cellpadding: '2',.cellspacing: 2"}):; 
S(#tablel').lightRow(red’): 
六: 
</script> 
(7) 编译 并 运行 程序 ， 运 行 效果 如 图 9-10 所 示 。 
.EE | [=] C3 
GO Bmax 


文件 四 ”编辑 区) 查看 QW 收藏 丈 忆 ) 工具 CD) 帮助 ” 
宽 安居 http;f/ocdhost:l4..， 偷 -~ | 


知识 点 
在 输入 $(#tablel1"). 后 弹出 的 智能 提示 
列表 中 将 可 以 看 到 所 定义 的 lightRow。 






姓名 电话 
赵 艳 铎 15910801234 


小 石头 01082166054 
多 百合 03172059876 


将 炸 鱼 阿 
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9-10 ”测试 所 编写 的 jQuery 插件 


©@1 上 机 练习 


本 章 的 上 机 练习 将 介绍 jQuery 对 AJAX 的 支持 ，jQuery 封装 了 XMLHttpRequest 组 件 并 初 
始 化 ， 还 封装 了 AJAX 请 求 中 的 各 种 基本 操作 ， 并 把 这 些 操作 定义 为 简单 的 方法 。 另 外 ， 它 把 
AJAX 请 求 中 各 种 状态 封装 为 事件 ， 这 样 只 要 调用 对 应 的 事件 就 可 以 快速 执行 绑 定 的 回调 函数 。 

(D 启动 VWD 2010， 选 择 【文件 】|【 新 建 网 站 】 命 令 ， 新 建 网 站 【上 机 练习 9】。 

(2) 新 建 一 个 HTML 文件 testhtm， 并 在 其 中 输入 如 下 代码 : 


<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="ContentType"content="text/html: charset=utf8"/> 
<title>Ajax 请 求 <ltitle> 

</head> 

<body> 

< 第 一 章 快速 入 门 <Hi> 
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<li> 第 二 章 Web 服务 <i> 
<li> 第 三 章 Ajax</li> 
</body> 
<html> 
(3) 在 Default.aspx 页 面 的 <head> 标 记 中 添加 如 下 代码 以 引入 jQuery 库 : 
<script sre="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
(4) 在 Default.aspx 页 面 中 添加 一 个 <ul></ul> 标 记 对 ， 然 后 添加 如 下 代码 : 
<script type="text/javascript"> 
S$(ul).load("test.htm"); 
</script> 
load0 方 法 能 够 载 入 远程 HTML 文件 并 插入 匹配 元 素 中 。 默 认 使 用 GET 方式 ， 传 递 附加 参 
数 时 自动 转换 为 POST 方式 。 jQuery 会 自动 从 texthtm 文档 中 提取 body 元 素 包含 的 代码 ， 并 把 
这 些 代 码 插入 匹配 的 由 元 素 中 。 


名 提示 
在 使 用 load0 方 法 时 , 所 有 页 面 的 字符 编码 应 该 设置 为 utf8, 否则 jQuery 在 加 载 文档 时 会 显示 乱码 。 






另外 ， 匹 配 的 元 素 应 该 只 有 一 个 ， 否 则 系统 会 出 现 异 常 。 





将 煌 宇 早 


兰 


(5) 为 了 演示 其 他 的 AJAX 方法 ， 在 页 面 中 继续 添加 其 他 元 素 。 在 <ul> 标 记 的 下 面 添加 两 个 
Input(text) 控 件 和 两 个 Input(button) 控 件 。 代 码 如 下 : 


衬 济 车 痊 


姓名 : <inputid="Text1l" type="text" 上 ><br 亡 

城市 : <input id="Text2" type="text" 广 <br 亡 

<input id="Button1" type="button" value="Ajax Get" /> 
<input id="Button2" type="button" value="Ajax" /> 


(6) 添加 两 个 Web 窗 体 ， 名 称 分 别 为 get.aspx 和 post.aspx。 
(7) 为 两 个 按钮 绑 定 事 件 处 理 程序 ， 添 加 如 下 jQuery 代码 : 


SC#Buttonl)bind(click. function O { 
$.get("get.aspx", { user: $(#Text1")[0].value, city: $(#Text2")[0].value }. 
function (msg) { 
alert(mse): 
} 
» 
六 
SC#Button2) bind(click. function O { 
Var str = "user="+ $(#Textl)[0] valuet&ecity="+ S(#Text20[0] value: 
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Sajax({ ul: "post aspx", 
type: "POST", 
data: str. 
success: function (msg) { 
alert(mse): 
} 
D: 
D: 
在 上 面 Buttonl 的 单 击 事件 代码 中 , 使 用 jQuery 对 象 的 get0 方 法 向 getaspx 文件 发 送 一 个 请 
求 ， 并 以 GET 方式 向 服务 器 传递 两 个 参数 ， 服务器 响应 之 后 会 把 返回 值 存 储 在 回调 函数 参数 中 ， 
弹出 消息 提示 框 ; Button2 的 单 击 事件 中 , 使 用 AJAX 方法 向 post.aspx 文件 发 送 请 求 , 并 以 POST 
方式 传递 参数 ， 最 后 调用 回调 函数 获取 响应 信息 。 虽 然 是 调用 不 同 的 方法 ， 但 实现 的 功能 都 是 相 
同 的 。 
(8) 在 get.aspx 页 面 中 ， 删 除 Page 指令 之 外 的 其 他 代码 ， 然 后 添加 如 下 代码 : 
<% 
String str= Request.QueryString["user"]+ "是 "+ Request.QueryString["city"] + "人 "; 
Response AddHeader("ContentType". "text/html:charset=utf8"): 
Response. Write(str):; 
%> 
(9) 类 似 地 ， 在 post.aspx 页 面 中 ， 也 删除 Page 指令 之 外 的 代码 ， 添 加 下 面 的 代码 : 


<% 
string str= Request Form["user"]+ "是 " + Request.Form["city"] + "人 "; 
Response.AddHeader("ContentType", "text/html:charset=utf8"); 
Response. Write(str): 
%> 
(10) 编译 并 运行 程序 ， 在 浏览 器 中 打开 Default.aspx 页 面 ， 如 图 9-11 所 示 ， 在 文本 框 中 输 
入 姓名 和 城市 后 ， 单 击 下 面 的 AJAX 按钮 ， 将 弹出 提示 对 话 框 ， 如 图 9-12 所 示 。 





st:1036/ 上 机 练习 9/De. 。。 |- 
GO Bunn ny x 本 
文件 中 ”多 名 人 E) 查看 中 收 大 天 W) 工具 TD) 帮助 0 
宽 安 Mtpi//ocdhost:l0... 合 - 目 








Ajax Get 

















图 9-11 页 面 运 行 效 果 图 9-12 AJAX 调用 结果 显示 
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©;s 习题 


1. 在 jQuery 中 ， 使 用 什么 作为 在 页 面 中 查找 元 素 的 快捷 方式 ? 

2. 所 有 的 jQuery 选择 器 都 返回 什么 ? 

3.jQuery 的 层级 选择 器 有 哪些 ? 分 别 有 什么 功能 。 

4. bind0 方 法 和 one0 方 法 有 什么 不 同 之 处 ? 

5.size0 和 lengthO0 有 何 异 同 点 ? 

6. slideUp 和 slideDown 有 什么 区 别 ? 两 种 方法 都 接受 什么 重要 参数 ? 

7.jQuery 方法 在 应 用 某 些 设计 或 行为 以 后 ， 返 回 什 么 ? 

8. jQuery.get0 方 法 与 jQuery.post0 方 法 有 何 区 别 ? 

9. 在 使 用 load( 方 法 时 ， 所 有 页 面 的 字符 编码 应 该 设置 为 什么 方式 ? 

10. 上 机 练习 ， 使 用 jQuery 实现 如 下 效果 : 

@ ”图 片 画廊 ， 效 果 如 图 9-13 所 示 ， 当 用 户 移动 鼠标 指针 到 缩微 图 上 时 ， 该 图 会 自动 被 放 
大 显示 在 上 面 画 框 内 。 


图 片 画廊 图 片 画廊 


(EA 





加 


蝇 且 委 议员 吕 弗 写 名 


图 9-13 图 片 画 廊 效 果 





本 


@ ”动态 调整 区 域 大 小 ， 效 果 如 图 9-14 所 示 ， 当 用 户 单 击 【开始 动画 】 链 接 时 将 自动 调整 
区 域 的 大 小 。 


全 


图 9-14 自动 调整 大 小 动画 效果 
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本 章 主要 介绍 Web 应 用 程序 的 部 署 ， 包 括 复制 Web 站 点 、 在 IIS 下 运行 站 点 和 将 数据 库 移 
动 到 远程 服务 器 。 为 了 让 Intermet 上 的 用 户 能 够 访问 Web 站 点 ， 需 要 将 它 发 布 到 与 Intermet 相连 
的 生产 服务 器 上 。 通 过 本 章 的 学 习 ， 应 重点 掌握 Web 站 点 的 部 署 方法 。 


(、 本 章 重点 


@ ”复制 Web 站 点 
@ 在 IIS 下 运行 Web 站 点 
@ “将 数据 移 到 远程 服务 器 


四 1 部 署 Web 站 点 





网 站 或 Web 应 用 程序 设计 开发 完成 后 ， 需 要 发 布 才能 让 用 户 访问 。 使 用 什么 类 型 的 服务 器 
以 及 将 它 定 位 在 哪里 的 服务 器 ， 这 取决 于 具体 的 需求 和 预算 。 可 以 将 站 点 驻 留 在 阅 楼 里 具有 私有 
Intemet 连接 的 家 用 服务 器 上 ， 或 者 使 用 能 够 直接 连接 到 Internet 主干 的 外 部 (通常 是 商业 ) 方 提供 
商 的 服务 器 来 驻 留 它 。VWD 2010 提供 了 发 布 网 站 的 功能 , 该 功能 将 网 站 编译 为 一 组 可 以 通过 IIS 
直接 执行 的 文件 ， 然 后 将 这 些 文件 复制 到 目标 Web 服务 器 上 。 


(01 .1 部 署 前 的 准备 工作 


当 在 开发 环境 中 实现 Web 站 点 的 第 一 个 版 本 时 ， 管 理 站 点 及 其 源 代码 就 非常 简单 。 只 有 站 
点 源 代码 的 一 个 版 本 ， 因 此 维护 非常 容易 。 然 而 ， 一 旦 将 站 点 投入 到 生产 环境 中 ， 就 拥有 站 点 的 
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两 个 版 本 : 一 个 在 生产 环境 中 运行 ， 另 一 个 用 于 开发 。 这 就 很 难保 持 同步 。 例 如 ， 在 生产 环境 中 
可 能 使 用 不 同 的 数据 库 和 连接 字符 串 。 如 果 激活 站 点 时 在 代码 中 直接 进行 所 有 修改 ,那么 在 下 一 
次 更 新 过 程 中 很 可 能 会 重 写 某 些 设置 ， 从 而 产生 不 必要 不 希望 看 到 的 结果 。 

怎么 管理 相同 Web 站 点 的 不 同 版 本 呢 ? 简单 的 方法 就 是 将 某 些 硬 编码 的 设置 移动 到 
Web.config 文件 中 。Web.config 配置 文件 使 得 在 开发 环境 和 生产 环境 中 进行 不 同 设置 变 得 很 容易 。 
本 书 前 面 已 经 多 次 使 用 Web.config 文件 来 存储 与 连接 字符 串 有 关 的 信息 ， 还 介绍 了 在 
<appSettings> 元 素 中 通过 <add> 标 记 添 加 用 户 自 定义 变量 。 例 如 : 
<add key="CopyRight" value=" 版 权 所 有 小 石头 网 站 " /> 
<JappSettings> 
在 程序 中 可 以 使 用 System.Web.Configuration 命名 空间 的 WebConfigurationManager 类 来 获 
从 而 只 使 用 一 行 代码 就 能 从 这 些 部 分 检索 数据 。 
另外 ， 还 可 以 使 用 表达 式 语法 来 访问 <appSettings> 元 素 中 的 数据 ， 格 式 如 下 : 


<%$ AppSettings:AppSettingKeyName %> 


取 


其 中 ，AppSettingKeyName 表示 在 Web.config 文件 中 定义 的 键 。 例 如， 要 在 页 面 上 添加 一 个 
Literal 控件 ， 用 来 显示 网 站 的 版 权 通告 ， 则 可 以 这 样 设置 Literal 控件 的 Text 属性 : 

<asp:Literal ID="Copyright" runat="server" Text="<%$ AppSettings:CopyRight %>" /> 

通常 将 生产 环境 和 开发 环境 中 参数 不 一 样 的 值 保存 在 Web.config 文件 中 ， 通 过 上 述 方法 访 
间 这 些 变量 的 值 ， 从 而 使 站 点 变 得 更 容易 部 署 和 维护 。 将 硬 编码 的 应 用 程序 设置 移动 到 
Web.config 文件 之 后 ， 部 署 过 程 的 下 一 步 就 是 创建 Web 站 点 的 副本 。 


1.2 复制 Web 站 点 


在 开发 站 点 的 过 程 中 ， 使 用 VWD 配置 的 内 置 Web 服务 器 。 虽 然 这 个 服务 器 对 于 本 地 开发 
非常 好 , 但 在 生产 环境 中 就 不 能 使 用 它 。 要 将 站 点 投入 到 生产 环境 中 使 用 ,需要 将 它 部 署 到 运行 
IIS 的 计算 机 中 一 一 IIS(Internet Information Services) 是 Microsoft 的 专业 Web 服务 器 。 

要 将 站 点 部 署 到 生产 服务 器 中 ， 可 以 使 用 如 表 10-1 所 示 的 部 署 目标 (来 自 VWD 内 部 )。 

表 10-1 部 署 目标 
部 署 选 项 描 述 





该 选项 允许 在 开发 计算 机 或 网 络 化 计算 机 的 本 地 文件 系统 上 创建 站 点 副本 。 如 果 稍 后 要 将 这 








文件 系统 Se 
些 文件 手动 移动 到 生产 服务 器 中 ， 那 么 这 个 选项 就 很 有 用 
本 地 IIS | 该 选项 允许 创建 将 在 本 地 IIS 安装 下 运行 的 站 点 的 副本 
FIP 站 点 该 选项 允许 使 用 FTP 将 组 成 Web 应 用 程序 的 文件 发 送 到 远程 服务 器 中 
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( 续 表 ) 


部 署 选项 描述 





该 选项 允许 将 组 成 Web 应 用 程序 的 文件 发 送 到 远程 IS 服务 器 中 。 要 使 这 个 选项 生效 , 远程 
远程 站 点 服务 器 需要 安装 Front Page Server Extensions。 查 看 IIS 附带 的 文档 或 者 咨询 远程 服务 器 的 管 
理 员 可 以 获得 使 用 这 个 选项 的 帮助 





如 果 使 用 的 是 Visual Studio 的 商业 版 本 , 可 以 使 用 VWD 提供 的 两 种 主要 的 部 署 方法 来 访问 
这 4 个 部 署 选 项 ;复制 网 站 和 发 布 网 站 。 如 果 使 用 的 是 免费 的 Express 版 本 ， 则 只 能 使 用 复制 网 
站 。 本 书 只 介绍 复制 网 站 。 

复制 网 站 命令 可 以 使 用 4 个 传输 选项 中 的 任何 一 项 来 创建 站 点 的 副本 。 这 是 将 站 点 快速 复制 
到 其 他 位 置 的 好 方法 。 

【 例 10-1】 使 用 网 站 复制 命令 将 网 站 复制 到 本 地 IS。 

(1) 启动 VWD 2010， 选 择 【 文 件 】|【 打 开 网 站 】 命 令 ， 打 开 上 一 章 的 网 站 【 例 9-6】。 

(2) 本 例 中 没有 需要 移 到 Web.config 文件 中 的 参数 信息 ， 所 以 不 用 做 任何 修改 。 选 择 【 网 站 】| 
【复制 网 站 】 命 令 ， 打 开 【 复 制 网 站 】〗 对 话 框 ， 如 图 10-1 所 示 。 


Ws 人 和 下 全 汪汪 二 生 下 下 二 全 汪 直 二 瑟 革 正二 生 二 天生 四 
1 1 
! 也 可 以 在 【解决 方案 资源 管理 器 】 面 板 的 工具 栏 中 单 击 复制 网 站 图 标 咒 ， 打 开 【 复 制 网 站 】 对 话 框 。 i 
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图 10-1 【复制 网 站 】 对 话 框 


(3) 单 击 【连接 〗 图 标 按钮 ， 打 开 【 打 开 网 站 】〗 对 话 框 ， 如 图 10-2 所 示 。 在 该 对 话 框 中 选择 
【本 地 HS] 选项 ， 单 击 右上 角 的 【新 建 网 站 】 图 标 如 新 建 一 个 网 站 ， 也 可 以 选择 一 个 现 有 的 网 
站 ， 然 后 单 击 【 新 建 庶 拟 目录 】〗 图 标 岛 为 要 发 布 的 网 站 创建 一 个 虚拟 目录 。 

(4) 创建 了 网 站 或 虚拟 目录 后 ， 单 击 【打开 】 按 钮 返回 【复制 网 站 】 对 话 框 。 

(5) 在 【 源 网 站 】〗 中 选择 文件 ， 然 后 单 击 中 间 的 [ 纪 图 标 ， 即 可 将 选中 的 文件 复制 到 指定 的 本 
地 JIS 站 点 中 。 
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本 地 Internet Information Server 
园 择 要 打开 的 网 站 G)。 


可 
EE 
由 站 etsitel 








在 创建 站 点 的 副本 之 前 ， 最 
好 检查 一 下 Web 站 点 的 状态 。 应 


该 使 用 VWD 全 部 重新 编译 Web 
站 点 内 的 所 有 代码 和 页 面 。 


























图 10-2 【打开 网 站 】 对 话 框 


单 击 【 复 制 网 站 】 对 话 框 中 的 两 个 列表 之 间 的 【同步 选择 的 文件 】 近 名 [一 ， 将 启动 同步 进 
程 ， 在 【 源 网 站 】 和 【远程 网 站 】 之 间 同 步 所 有 文件 。 





.2 在 IIS 下 运行 站 点 


为 了 在 IS 下 运行 Web 站 点 ， 需 要 执行 下 面 儿 个 步骤 : 

(1) 安装 和 配置 IS; 

(2) 安装 和 配置 NET Framework 4; 

(3) 配置 安全 设置 。 

根据 系统 的 当前 状态 ， 有 些 操作 是 可 选 的 。 下 面 将 介绍 如 何 实现 这 些 步骤 。 


(40)2.1 安装 和 配置 Web 服务 器 


虽然 大 多 数 Windows 版 本 都 包含 TS， 但 默认 情况 下 不 会 安装 它 ， 因 此 首先 就 要 安装 它 。 还 
要 确保 使 用 的 Windows 版 本 支持 IS。 虽 然 Windows Vista 和 Windows 7 的 Starter 版 本 和 Home 
Basic 版 本 提供 了 部 分 IS， 但 不 能 在 它们 上 面 运行 ASPNET 页 面 ， 因 此 至 少 需要 安装 Home 
Premium 版 本 。Windows 基于 服务 器 的 版 本 则 完全 支持 IIS。 

要 在 Windows 上 安装 和 配置 IS， 需 要 作为 Administrator( 管 理 员 ) 登 录 。 除 了 安装 IIS 之 外 ， 
还 要 知道 如 何在 IS 中 创建 和 配置 Web 站 点 。 

1. 安装 lIS 

本 节 将 介绍 如 何 安装 了 IIS, 不 同 版 本 的 安装 过 程 咯 有 不 同 , 下 面 以 Windows XP 和 Windows 
7 为 例 介绍 安装 的 步骤 。 

在 Windows XP 和 Windows Server 2003 系统 中 ， 可 以 通过 【控制 面板 】 中 的 【添加 或 删除 
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程序 】 来 安装 TS， 或 者 通过 选择 【开始 】|【 运 行 】 命 令 ， 然 后 输入 appwiz.cpl 来 打开 【添加 和 
删除 程序 】 对 话 框 ， 接 着 ， 单 击 对 话 框 左 边 的 【添加 /删除 Windows 组 件 】 图标, 打开 【Windows 
组 件 向 导 】 对 话 框 ， 如 图 10-3 所 示 。 

在 【组 件 】 列 表 中 ， 选 中 【Intemet 信息 服务 (IS)】 复 选 框 ， 然 后 单 击 【 详 细 信 息 】 按 钮 。 
在 打开 的 对 话 框 中 至 少 选中 【公用 文件 】 和 【Intemet 信息 服务 管理 单元 】 复 选 框 ， 其 他 选项 为 
可 选项 。 

在 Windows 7 和 Windows Vista 系统 中 , 通过 【程序 和 功能 】 部 分 来 安装 IIS, 可 以 通过 【 控 
制 面板 】 或 单 击 【 开 始 】 按 钮 ， 在 【搜索 】 框 中 输入 appwiz.cpl， 然 后 按 Enter 键 来 访问 这 个 部 
分 。 在 【程序 和 功能 】 中 ， 单 击 【 打 开 和 关闭 Windows 功能 】 链 接 来 打开 【Windows 功能 】 对 
话 框 ， 如 图 10-4 所 示 。 
































Windows 组 件 向 导 E 打开 或 关闭 Windows 功能 加 
vindovs 组 件 = 气 要 打开 一 御 功 能 ,请 运 短 其 复 运 性 ， 知 要 关 卫 一 御 功 能 ,清油 除 其 复 迁 
可 以 添加 下 删除 Windows XP 的 组 件 。 By 框 ， 证 亢 39 必 表示 仅 打开 该 功能 的 一 部 分 . 
暂且 Indeane Sevice 
-| Dh internet Explorer 8 
ee SY | 县 Internet Information Services 可 时 酸 的 Web 以 必 
i 和 人 St 的 EDE 
二 田 轩 及 Microsoft ,NET Framework 354 
同 省 二 DT 田 回电 Microsoft Message Queue (MSMQ) 屎 务 酉 
四 固 朋 NFS 如 务 
00m | 大 RAS 过 过 管理 郑 竺 理工 具 乌 (CMAK) 
] 00m vy WB Rip i 
~ 加 最 Tablet PC 十 
| 及 Telnet 服务 器 
所 需 磁 盘 空 间 : 63.6 上 故 Telnet 客户 关 
可 用 磁盘 空间 40108.5 Mp | 顺 TFTP 客 疡 澡 ~ 
ED Cem | 
图 10-3 【Windows 组 件 向 导 】 对 话 框 图 10-4 【Windows 功能 】 对 话 框 


单 击 【Internet 信息 服务 】 选 项 ， 这 会 选择 它 的 一 些 必需 的 子 功能 。 然 后 展开 【Internet 信息 
服务 】| 【万维网 服务 】|【 应 用 程序 开发 功能 】， 并 选择 ASP.NET 选项 。 这 也 会 选中 其 他 一 些 
Development 功能 。 最 后 ， 单 击 【 确 定 】 按 钮 ，Windows 将 开始 安装 所 选 的 功能 。 

2. 安装 和 配置 ASP.NET 


成 功 安装 IIS 之 后 , 还 要 确保 已 经 安装 了 Microsoft NET Framework 4。 如 果 在 目标 计算 机 上 
安装 了 VWD 2010, 那么 就 已 经 安装 了 .NET Framework 4。 否则 就 要 从 Microsoft 站 点 下 载 ， 其 地 
址 是 http://msdn.microsoft.com/en-us/netframework。 下 载 之 后 ， 可 以 运行 安装 程序 ， 并 按照 向 导 提 
示 操 作 。 

如 果 计 算 机 上 已 经 安装 了 .NET Framework 4， 后 来 才 安 装 IS， 那 么 就 要 告诉 IIS 已 经 存在 
Framework。 通 常情 况 下 ， 这 在 NET Framework 的 安装 过 程 中 完成 。 如 果 后 来 才 安 装 TS， 那 么 
就 要 手动 完成 该 操作 。 要 在 IS 中 注册 ASPNET 的 步骤 如 下 : 

(D 打开 命令 行 窗口 。 


DA 
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(2) 通过 输入 下 面 的 命令 导航 到 .NET Framework 4 文件 夹 : 
cd \WINDOWS\IMicrosoft NET\Framework\v4.0.30319 


一 知识 点 
在 计算 机 上 , V4.0 后 欧盟 的 实际 版 本 号 可 能 会 有 所 不 同 。 另外， 如 果 使 用 的 是 64 位 的 Windows 版 本 ， 





那么 Framework 文件 夹 命名 为 Framework64. 


(3) 输入 “aspnet regiis -i”， 之 后 就 会 收 到 ASP.NET 4.0 已 经 成 功 安装 地 在 IS 中 注册 的 
消息 。 


(02.2 lIS 中 的 安全 性 


由 于 VWD 2010 中 内 置 Web 服务 器 的 无 颖 集成 ， 用 户 可 能 不 知道 内 部 发 生 的 情况 ， 也 不 知 
道 在 浏览 站 点 中 的 页 面 时 哪些 安全 设置 有 效 。 为 了 使 用 站 点 内 的 资源 ， 例 如 ASPX 文件 、 后 台 代 
码 文件 、App_Data 文件 夹 中 的 数据 库 和 站 点 内 的 图 像 ，Web 服务 器 需要 从 Windows 获得 访问 这 
些 资源 的 权限 。 这 就 意味 着 要 配置 Windows, 授权 Web 服务 器 使 用 的 帐户 访问 这 些 资源 的 权限 。 

需要 权限 的 特定 帐户 取决 于 Windows 版 本 ， 以 及 是 在 IS 下 运行 站 点 还 是 使 用 内 置 Web 服 
务 器 运行 站 点 。 

内 置 Web 服务 器 使 用 的 帐户 是 用 来 登录 Windows 计算 机 的 帐户 。 这 个 帐户 通常 是 “域名 \ 
用 户 名 ”或 “机 器 名 \ 用 户 名 ”。 在 Windows 上 使 用 这 个 帐户 登录 时 ， 就 启动 了 VWD 2010， 它 
再 启动 内 置 的 Web 服务 器 ， 整 个 Web 服务 器 都 使 用 证 书 凭据 运行 。 由 于 通常 登录 计算 机 的 帐户 
是 本 地 Windows 计算 机 上 的 Administrator 或 者 超级 用 户 ， 有 权限 访问 组 成 站 点 的 所 有 文件 ， 因 
此 到 目前 为 止 可 能 一 切 正 常 ， 不 需要 修改 安全 设置 。 

如 果 使 用 的 是 IS， 情 况 则 完全 不 同 。 在 默认 情况 下 ，IIS 下 的 ASPNET 应 用 程序 使 用 在 
安装 IS 时 创建 的 特定 帐户 运行 。 在 Windows XP 中 , 这 个 帐户 名 为 ASPNET; 在 Windows Vista 
以 及 Windows Server 2003 和 2008 中 ， 则 使 用 名 为 Network Service 的 帐户 ;而 在 Windows 7 
和 Windows Server 2008 R2 中 则 为 ApplicationPoolIdentity。 除 了 ASP.NET 应 用 程序 使 用 的 帐户 
之 外 ， 还 需要 配置 Web 服务 器 用 于 资源 的 帐户 ， 这 些 资源 不 直接 与 ASP.NET 相关 ， 如 图 像 、 
CSS 文件 等 。 

在 系统 中 不 能 直接 找到 ApplicationPoolIdentity 用 户 帐 户 ， 因 为 它 取决 于 配置 的 应 用 程序 池 
的 名 称 。 

在 找到 需要 配置 的 帐户 之 后 ， 最 后 一 步 就 是 配置 文件 系统 。 

不 管 使 用 的 是 哪个 帐户 , 都 需要 修改 Windows 文件 系统 ， 从 而 允许 Web 服务 器 访问 资源 。 
这 只 有 在 使 用 NTFS 而 不 是 FAT 或 FAT32( 旧 的 Microsoft 文件 系统 ) 格 式 化 硬盘 驱动 器 时 才 有 
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一 知识 点 
在 标准 Windows 系统 上 ， 都 使 用 Windows NTFS 文件 系统 保护 所 有 文件 和 文件 夹 。 为 了 确保 Web 站 
点 正确 运行 ,需要 给 Web 服务 器 使 用 的 帐户 授予 必要 的 权限 ,以 允许 其 访问 Web 站 点 上 的 文件 和 文件 夹 。 





对 于 大 多 数 文件 和 文件 夹 而 言 ， 读 取 权 限 就 足够 了 。 然 而 ， 对 于 两 个 文件 夹 而 言 ， 需 要 修改 这 些 权限 。 
App_Data 和 GigPics 文件 夹 在 运行 时 写 入 ， 因 此 需要 给 帐户 授予 对 这 两 个 文件 夹 的 修改 和 写 入 权限 。 


O; 将 数据 移动 到 远程 服务 器 


将 站 点 发 布 到 本 地 计算 机 上 的 IS 中 非常 简单 。 只 要 将 数据 复制 到 新 位 置 ， 配 置 IS， 然 后 
修改 一 些 安全 设置 就 行 了 。 因 为 站 点 继续 使 用 SQL Server 2008 Express 版 本 ， 它 会 正常 运行 。 

如 果 需 要 将 站 点 移动 到 外 部 服务 器 或 主机 ， 事 情 就 不 那么 简单 。 虽 然 使 用 FTP 复制 组 成 站 
点 的 文件 非常 简单 ， 但 将 数据 从 SQL Server 2008 数据 库 复 制 到 主机 通常 有 些 诀窍 。 这 是 因为 大 
多 数 Web 主机 不 支持 SQL Server 2008 Express 版 本 ， 因 此 不 能 只 将 .mdf 文件 复制 到 远程 主机 上 
的 App_Data 文件 夹 中 。 相 反 ， 这 些 主机 通常 提供 SQL Server 的 完全 版 本 ， 可 以 使 用 基于 Web 
的 管理 工具 或 使 用 像 SQL Server Management Studio 这 样 的 工具 来 访问 它们 。 


(03.1 使 用 Database Publishing Wizard 


为 了 方便 地 将 数据 从 本 地 SQL Server 2008 数据 库 传送 到 Web 主机 的 SQL Server 数据 库 中 ， 
Microsoft 创建 了 Database Publishing Wizard 。 

Database Publishing Wizard 允许 创建 .sql 脚本 ， 它 包含 在 远程 服务 器 上 重建 数据 库 及 其 数据 
所 需 的 全 部 信息 和 远程 服务 器 上 的 数据 。 重 建 数据 的 步骤 如 下 : 

(1) 从 本 地 SQL Server 数据 库 创建 .sql 脚本 ; 

(2) 将 这 个 脚本 发 送 到 远程 主机 ， 并 在 那里 执行 它 。 

【 例 10-2】 导 出 InfoManage 数据 库 。 

(1) 在 VWD 中 打开 任意 一 个 项 目 ， 选 择 【 视 图 〗|【 其 他 窗口 〗| 【数据库 资源 管理 器 】 命 
令 ， 打 开 【 数 据 库 资源 管理 器 〗】 面 板 。 

(2) 右 击 InfoManage.dbo 数据 库 ， 从 弹出 的 快捷 菜单 中 选择 【Publish to Provider]】 命令 ， 打 
开 【Database Publishing Wizard】〗 对 话 框 。 首 先 弹 出 的 是 欢迎 页 面 ， 如 图 10-5 所 示 。 

(3) 单 击 【 下 一 步 〗 按 钮 进入 【选择 数据 库 】〗 页 面 ， 如 图 10-6 所 示 。 

(4) 选择 InfoManage 数据 库 ， 并 选中 【为 所 选 数据 库 中 的 所 有 对 象 编写 脚本 〗】 复 选 框 ， 然 
后 单 击 【 下 一 步 】 按 钮 。 进 入 【选择 输出 位 置 】 页 面 ， 如 图 10-7 所 示 。 
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* ”欢迎 使 用 Database Publishing Wizard 
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图 10-5 欢迎 页 面 图 10-6 【选择 数据 库 】 页 面 


(5) 在 这 个 页 面 中 ， 有 两 个 选项 。 第 一 个 选项 允许 使 用 所 需 的 SQL 语句 创建 文本 文件 ， 第 
二 个 选项 允许 通过 Intemet 直接 与 共享 的 主机 提供 商会 话 。 此 处 选中 【将 脚本 保存 到 文件 】 单 
选 按钮 ， 在 【文件 名 】 文 本 框 中 输入 保存 的 位 置 和 文件 名 ， 单 击 【下 一 步 】 按 钮 ， 进 入 【选择 
发 布 选项 】 页 面 ， 如 图 10-8 所 示 。 






ew | | J | 
图 10-7 【选择 输出 位 置 】 页 面 图 10-8 【选择 发 布 选项 】 页 面 





(6) 继续 单 击 【 下 一 步 】〗 按 钮 ， 进 入 【检查 摘要 〗 页 面 ， 如 图 10-9 所 示 ， 该 页 显示 了 前 面 
所 做 的 选择 。 

(7) 单 击 【 完 成 】 按 钮 ， 出 现 【数据 库 发 布 进度 】 页 面 ， 如 图 10-10 所 示 。 向 导 会 在 指定 文 
件 夹 中 生成 SQL 脚本 。 单 击 【关闭 】〗 按 钮 


， 完 成 数据 库 导 出 操作 。 








10-9 【选择 输出 位 置 】 页 面 图 10-10 【选择 发 布 选项 】 页 面 
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(8) 可 以 用 记事 本 打开 生成 的 .sql 文件 ， 查 看 它 包含 的 SQL 语句 。 虽 然 它 看 起 来 像 乱码 ， 
但 可 以 使 用 它 在 兼容 的 SQL Server 2008 数据 库 上 重建 数据 库 。 

数据 库 的 内 容 可 以 分 为 两 类 : 数据 库 的 结构 和 实际 数据 。 Database Publishing Wizard 运行 时 ， 
首先 调查 数据 库 的 结构 ， 并 为 它 在 数据 库 内 找到 的 所 有 项 创建 SQL CREATE 语句 ， 然 后 创建 
INSERT 语句 ， 这 些 语句 在 目标 数据 库 内 重建 所 有 记录 。 


4 03.2 重建 数据 库 


虽然 每 个 主机 在 提供 对 SQL Server 的 访问 权时 都 有 自己 的 规则 和 程序 , 但 它们 可 以 分 为 3 类 : 

@@ “第 一 类 ， 有 些 主机 不 允许 远程 访问 数据 库 ， 它 要 求 提交 .sql 文件 以 便 它 们 执行 它 。 在 这 
种 情况 下 ， 除 了 发 送 文件 然后 等 待 主机 创建 数据 库 之 外 ， 不 需要 做 任何 事情 。 

@ ”第 二 类 包含 的 主机 允许 通过 Web 接口 执行 SQL 语句 。 通常 需要 登录 联机 控制 面板 ， 然 
后 通过 上 传 文件 或 者 将 其 内 容 粘贴 到 Web 页 面 中 的 文本 区 , 来 执行 Database Publishing 
Wizard 创建 的 SQL 语句 。 不 管 使 用 哪 种 方法 ， 最 终 都 要 使 用 从 应 用 程序 可 以 访问 的 数 

@ ”第 三 类 包含 的 主机 允许 通过 Intemet 连接 到 SQL Server。 这 人 允许 使 用 像 SQL Server 
Management Studio 这 样 的 工具 从 桌面 连接 到 主机 上 的 数据 库 ， 并 远程 执行 SQL 脚本 。 

SQL Server Management Studio 也 有 免费 的 Express 版 本 , 可 以 从 Microsoft 网 站 ((http://www. 
microsoft.com/vstudio/express/sqD) 下载 。 这 个 工具 的 运行 原理 与 其 商业 版 几乎 完全 相同 。 

在 目标 服务 器 上 重建 数据 库 之 后 ， 需 要 修改 Web 站 点 内 的 连接 字符 串 ， 以 便 重新 配置 
ASP.NET 应 用 程序 ， 从 而 使 用 新 的 数据 库 。 需 要 修改 两 个 连接 字符 串 : 一 个 是 连接 用 户 数据 库 
的 连接 字符 串 ， 另 一 个 是 ASP.NET Application Services 默认 使 用 的 LocalSqlServer 连接 字符 串 。 
完成 这 项 任务 最 简单 的 方法 是 清除 原来 的 连接 字符 串 ,然后 添加 一 个 新 的 字符 串 。 连 接 字 符 串 的 
形式 取决 于 使 用 的 数据 库 及 其 配置 。 


@O+ 上 机 练习 


本 章 的 上 机 练习 将 演示 如 何 使 用 【复制 网 站 】 命 令 发 布 网 站 。 

(1) 启动 VWD 2010， 选 择 【 文 件 〗| 【打开 网 站 ]】 命 令 ， 打 开 网 站 【 例 5-1】. 

(2) 本 例 需 要 访问 数据 库 ， 这 里 把 数据 库 连 接 字符 串 移 到 Web.config 文件 中 ,在 Web.config 
文件 的 connectionStrings 元 素 中 添加 连接 字符 串 ， 代 码 如 下 : 

<connectionStrings> 

<add name="InfoManageConnectionString" connectionString="Data Source=zhao\tsinghua:Initial 

Catalog=InfoManage:Integrated Security=True" providerName="System.Data.SqlClient" /> 

i 
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(3) 修改 Default.aspx.cs 中 的 连接 字符 囊 代码 ， 改 为 读 取 connectionStrings 中 的 InfoManage- 
ConnectionString， 代 码 如 下 : 


string strConnect = WebConfigurationManagerConnectionStrings["InfoManageConnectionString"].ToStringO: 

(4) 导出 数据 库 InfoManage， 生 成 InfoManage.sql 文件 。 

(5) 选择 【网 站 】〗| 【复制 网 站 】 命 令 ， 打开 【复制 网 站 】〗 对 话 框 ， 复制 网 站 到 【本 地 IIS】.。 

如 果 要 发 布 到 远程 服务 器 ， 则 可 以 在 远程 主机 上 重新 创建 数据 库 ， 然 后 修改 Web.config 文 
件 中 的 连接 字符 串 即 可 。 


@;s 习题 


1. 要 将 站 点 部 署 到 生产 服务 器 中 ， 可 以 使 用 哪些 部 署 目标 ? 
访 2. 运行 本 章 所 学 知识 ， 将 前 面 创建 的 网 站 复制 到 本 地 IIS。 
3. 简 述 将 数据 库 导 出 为 SQL 脚本 的 过 程 和 步骤 。 
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BBS(Bulletin Board Service， 公 告 牌 服务 ) 是 Intemet 上 的 一 种 电子 信息 服务 系统 ， 它 提供 一 
块 公共 电子 白板 ， 每 个 用 户 都 可 以 在 上 面 书写 ， 并 且 可 发 布 信息 或 提出 看 法 。 在 BBS 里 ， 人 们 
之 间 的 交流 打破 了 空间 、 时 间 的 限制 。 随 着 网 络 经 济 迅 狐 的 发 展 ， 目 前 国内 的 BBS 已 经 十 分 普 
遍 ， 可 以 说 是 不 计 其 数 。 本 章 的 项 目 实践 将 综合 运用 本 书 所 学 的 知识 ， 创 建 一 个 简单 的 BBS 系 
统 。 通 过 本 章 的 学 习 ， 读 者 应 掌握 完整 网 站 的 开发 流程 和 方法 。 


4 本 章 重点 


@ ”进一步 熟悉 ASPNET 编程 技术 
@ ”使 用 ASP.NET 内 置 对 象 

@ ”掌握 网 站 制作 的 基本 流程 

@ ”综合 运用 本 书 所 学 知识 


@@1 系统 设计 


-个 完整 的 软件 系统 开发 过 程 分 为 软件 定义 阶段 、 软 件 开发 阶段 和 软件 运行 维护 阶段 。 

@ ”软件 定义 阶段 主要 决定 将 要 开发 软件 的 功能 和 特性 。 它 又 可 以 细 分 为 问题 的 定义 、 可行 
性 研究 、 需 求 分 析 3 个 阶段 。 

®@ ”软件 开发 阶段 又 可 细 分 为 总 体 设计 、 详 细 设 计 、 编 码 和 测试 4 个 阶段 。 

@ ”软件 运行 维护 阶段 的 主要 任务 是 通过 各 种 必要 的 维护 活动 使 系统 持久 地 满足 用 户 的 

这 里 要 开发 的 是 一 个 简易 的 BBS 系统， 将 重点 介绍 需求 分 析 和 总 体 设计 以 及 编码 实现 。 
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(M1 .1 需求 分 析 


在 开始 编写 一 个 论坛 系统 之 前 , 首先 要 确定 论坛 的 功能 是 什么 .用 户 使 用 论坛 有 一 定 的 流程 : 
用 户 注 册 登 录 进入 论坛 ， 就 某 个 话题 (主题 帖 ) 展 开 讨 论 ， 通 过 发 新 帖 功 能 发 布 新 的 话题 ， 通 过 回 
帖 的 功能 回复 已 有 的 话题 ; 管理 员 通 过 管理 功能 创建 、 编辑 、 删除 论 坛 的 板块 , 管理 注册 的 用 户 ， 
管理 帖子 。 由 于 篇 幅 所 限 ， 这 里 只 实现 用 户 的 功能 ， 如 图 11-1 所 示 。 








《Kuses>> 





《Kuses>> 
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图 11-1 用 户 和 浏览 者 用 例 分 析 


(M1 .2_ 数据库 设计 


系统 的 E-R 图 (图 中 省 略 了 实体 和 联系 的 属性 )， 如 图 11-2 所 示 ， 每 个 实体 及 属性 如 下 。 

版 块 : 版 块 名 称 、 新 主题 数 、 总 帖 数 、 今 日 发 帖 数 、 版 主 。 

主题 : 主题 名 称 、 所 属 版 块 、 作 者 、 内 容 、 发 布 时 间 、 被 浏览 次 数 、 被 回帖 数 、 最 后 回复 时 
间 。 

用 户 : 用 户 名 、 密 码 、 提 示 问 题 、 答 案 、 性 别 、 年 龄 、Email、QQ、 发 新 帖 数 、 回 帖 数 、 注 
册 时 间 、 最 后 登录 时 间 。 

回帖 : 原 帖 主题 、 回 帖 时 间 、 作 者 、 内 容 。 





在 图 11-2 所 示 的 E-R 图 中 ， 有 4 个 实体 和 4 个 一 对 多 联系 。 由 于 每 个 实体 可 以 用 一 张 表 来 
表示 , 而 一 对 多 的 联系 不 需要 建新 表 , 所 以 , 上 述 E-R 图 可 转换 成 数据 库 的 4 张 表 , 如 表 11-1~11-4 





图 11-2 BBS 系统 数据 库 E-R 图 














所 示 。 
表 11-1 Section( 版 块 表 ) 字 段 信息 

字 段 名 备注 
sectionid 主键 ， 自 动 增长 1 
sectioname 非 空 
titlecount 非 空 
topiccount 非 空 
sectionmanager 非 空 
daycount 非 空 

字 段 名 备注 
topicid 主键 ， 自 动 增长 1 
sectionid 非 空 ， 外 键 
userid 非 空 ， 外 键 
tite 非 空 
contentinfo 非 空 
createtime 创建 时 间 非 空 
eplycount 回帖 数 非 空 ， 默 认 0 
lastreplytime 最 后 回复 时 间 非 空 
lookcount 浏览 次 数 非 空 
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表 11-3 ”User( 用 户 表 ) 字 段 信息 










































userid 用 户 人 主键 . 自动 增长 1 
Username 用 户 名 非 空 
_password 密码 非 空 
question 提示 问题 非 空 
answer 非 空 
email 可 空 
age 可 空 











可 空 
非 空 








titlecount 






非 空 ， 默 认 值 0 











eplycount 
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非 空 ， 默 认 值 0 





首先 启动 VWD 2010, 新 建 网 站 BBS。 然 后 在 解决 方案 资源 管理 器 ] 中 , 用 鼠标 右 击 App_Data 
目录 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 , 在 弹出 的 对 话 框 中 选择 【SQL Server 数据 库 】 
模板 ， 创 建 名 为 bbsdb.mdf 的 数据 库 ， 然 后 在 数据 库 中 建立 如 表 11-1 至 表 11-4 所 示 的 数据 表 。 


因为 几乎 所 有 页 面 都 涉及 数据 库 的 访问 , 所 有 这 里 把 访问 数据 库 的 操作 抽象 为 一 个 独立 的 公 
共 类 文件 DB.cs， 并 把 数据 库 连 接 字符 串 存放 到 Web.config 配置 文件 中 。 


[全 SN 
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在 Web.config 配置 文件 中 设置 数据 库 连 接 信息 ， 添 加 语句 如 下 : 


<connectionStrings> 


<add name="bbsdbConnectionString" connectionString="Data 


Source=.\sqlexpress; AttachDbFilename=|DataDirectoryN\bbsdb.mdf:Integrated Security=True" 
ProviderName="System.Data.SqlClient"/> 


</connectionStrings> 


AR 


a 


大 


在 App_Code 目录 添加 一 个 C# 类 文件 DB.cs， 在 该 类 中 ， 添 加 对 数据 库 的 操作 ， 代 码 如 下 : 


ing System.Data; 


Using 
using System.Data.SqlClient: 
Using System.Collections: 

using System. Web.Configuration: 
public class DB 


{ 


Private SqlConnection con = null: 
Private string strConn:; 

public DBO 

4d 


strCom = WebConfigurationManager.ConnectionStrings["bbsdbConnectionString"].ToStringO; 


} 
/打开 数据 库 连接 
public void openg 
{ 
if(con 一 nul) 
con = new SqlConnection(strConn): 
if (con.State.Equals(ConnectionState.Closed)) 
con.Open0: 
} 
/关闭 数据 库 
public void close0 
if (con.State.Equals(ConnectionState.Open)) 
con.CloseO: 
con.DisposeO: 


con.DisposeO: 
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A 
// 执 行 SQL 语句 
public int ExecuteSQLNonQuery(string sqlStr) 
€ 
try 
{ 
this.open0// 打 开 连 接 
SqlCommand cmd = new SqlCommand(sqlStr con): 
Tetum cmd.ExecuteNonQuery(0: 
} 


catch 





基 // 执 行 SQL 语句 ， 返 回 查询 的 表 

二 public DataTable GetDataTable(string sqlStr) 
实 { 

训 DataTable dt: 

教 

材 

系 { 

列 open0: 


SqlDataAdapter sda = new SqlDataAdapter(sqlStr. con): 
DataSet ds = new DataSet(): 
sda.Fill(ds): 
dt= ds.Tables[0]: 
} 
catch(Exception ex) 





) 
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/执行 SQL 语句 ， 返 回 DataRow 
public DataRow GetDataRow(string sqlStr) 
长 
DataRow dr: 
ty 
{ 
// 调 用 该 类 的 GetDataTable 方法 
dr = GetDataTable(sqlStr).Rows[0]: 
} 
catch 


} 
该 类 中 定义 了 以 下 方法 成 员 : 构造 函数 DBO， 打 开 数 据 库 连接 的 方法 open0， 关 闭 连接 的 方 


法 close0， 执 行 非 查询 SQL 语句 的 方法 ExecuteSQLNonQuery(string sqlStr)， 获 取 DataTable 对 象 
的 查询 方法 GetDataTable(string sqlStn) 以 及 获取 DataRow 的 查询 方法 GetDataRow(string sqlStr)。 


(D22 数据 实体 类 


为 每 个 表 创 建 一 个 实体 类 ， 在 这 些 类 中 封装 了 对 相应 表 的 操作 。 
1. Section.cs 类 的 创建 
在 App_Code 目录 中 添加 新 的 类 文件 Section.cs。 在 该 类 中 添加 操作 Section 表 所 需 的 成 员 变 





量 。 相 应 的 代码 如 下 : 


public int SectionID:; /版 块 人 D 

public string SectionName: /版 块 名 称 
public int TitleCount /版 块 总 帖 数 
public int TopicCount 。 /发表 主题 数 
public int DayCount // 日 发 帖 量 

public string Manager /版 主 


2 


KC 
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通常 将 类 成 员 变 量 定义 为 私有 的 ， 然 后 定义 相应 的 属性 来 访问 这 些 私有 变量 ， 本 书 为 了 使 程序 简化 ， 


。 直接 将 成 员 定义 为 公有 变量 。 


对 Section 表 的 操作 包括 下 面 两 个 : 
@ ”发 新 帖 时 更 新 “版 块 总 帖 数 ”、“ 主 题 总 数 ” 和 “日 发 帖 量 ”; 
图 ”回帖 时 ， 更 新 “版 块 总 帖 数 ”和 “日 发 帖 量 ”。 
相应 的 代码 如 下 : 
public int UpdateSectionTopicCount(int sectionID) 
上 
string sqlStr = "update Section set TitleCount= TitleCounttl" + "TopicCount=TopicCount+1" + 


您 "DayCount=DayCount+1" 
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+" where SectionID="+sectionID. ToStringO): 
DB db =new DBO: 
Tetum db.ExecuteSQLNonQuery(sqlStr): 
} 
public int UpdateSectionTitleCount(int sectionID) 
€ 
string sqlStr = "update Section set TitleCount= TitleCount+1" + ",DayCount=DayCount+1" 
+ " Where SectionID=" + sectionID. ToStringO: 
DB db =new DBO: 
Tetum db.ExecuteSQLNonQuery(sqlStr): 
} 


2. Topic.cs 类 的 创建 


在 App_Code 目录 中 添加 新 的 类 文件 Topic.cs。 在 该 类 中 添加 操作 Topic 表 所 需 的 成 员 变 量 。 
相应 的 代码 如 下 : 


public int TopicID; /帖子 编号 ， 主 键 

public int SectionID:/ 版 块 编号 

public int UserID: /用 户 ID 

public string Title: /主题 

public string Contentinfo: // 内 容 

public int LookCount // 浏 览 数 

public DateTime CreateTime: /帖子 创建 时 间 
public DateTime LastReplyTime: // 最 后 回复 时 间 
public int ReplyCount: /回复 数量 


1 人 SN 
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对 Topic 表 的 操作 包括 下 面 3 个 : 

@ ”发 新 帖 时 插入 新 记录 。 

@ ”浏览 该 主题 时 ， 更 新 “浏览 次 数 ”。 

图 ”有 回帖 时 ， 更 新 “回帖 数 ” 和 “最 后 回复 时 间 ”。 

相应 的 代码 如 下 : 

public bool InsertTopic(Topic topic) 

string sqlStr = "insert into 

Topic(SectionID.UserID,Title.ContentinfolookCountCreateTime.LastReplyTime.ReplyCounbDvalues(” 





+topic.Contentinfo+","+topic.LookCount+","+topic.CreateTime + "," + topic.LastReplyTime 
+ ™," + ReplyCount + ")"; 
DB db = new DBO: 
if (db.ExecuteSQLNonQuery(sqlStr)>0) 
Tetum true; 
Tetum false; 
} 
public int UpdateLookCount(int topicID) 
时 
string sqlStr = "update Topic set LookCount=LookCount+1" + " where TopicID=" + topicID.ToStringO:; 
DB db =new DBO: 
Teturn db.ExecuteSQLNonQuery(sqlStr): 
} 
public int UpdateTopic(int topicID) 
string sqlStr = "update Topic set LastReplyTime= GEIDATE0. ReplyCount=ReplyCount+1" +"where 
TopicID=" + topicID.ToStringO: 
DB db =new DBO: 
Tetum db.ExecuteSQLNonQuery(sqlStr): 
} 


3. Reply.cs 类 的 创建 


在 App_Code 目录 中 添加 新 的 类 文件 Reply.cs。 在 该 类 中 添加 操作 Reply 表 所 需 的 成 员 变 量 。 


相应 的 代码 如 下 : 


public int ReplyID: /恢复 帖子 ID 
public int TopicID: /主题 ID 

public int UserID: /回帖 用 户 ID 
public string ReplyContent /回帖 内 容 
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public DateTime ReplyTime: /回帖 时 间 


对 Topic 表 的 操作 只 有 一 个 : 发 回帖 时 插入 新 记录 。 
相应 的 代码 如 下 : 


Ppublic int InsertReply(ReplyClass reply) 
{ 
string strSql = "Insert into Reply(TopicID,UserID.ReplyContent.ReplyTime)values(" 
+ reply.TopicID + "," +reply.UserID + "," + reply.ReplyContent + "" 
+ reply.ReplyTime + ")"; 
DB db =new DBO: 
Tetum db ExecuteSQLNonQuery(strSqD: 


4. User.cs 类 的 创建 


SS 在 App_Code 目录 中 添加 新 的 类 文件 Usercs， 在 该 类 中 添加 操作 User 表 所 需 的 成 员 变 量 。 
相应 的 代码 如 下 : 


public int UserID; /主键 ， 用 户 ID 

public string UserName: /用 户 名 

public string Password: /密码 

public string Email: /Email 

public string Age: /年 龄 

public string Sex: /性 别 

public string Question: /密码 提示 问题 

public string Answer: /答案 

public DateTime RegTime: /注册 时 间 

public DateTime LastLoginTime; /最 后 登录 时 间 
public int TitleCount /发 表 主题 总 数 

public int ReplyCount /回复 总 数 

public string QQ: /QQ 号 

对 User 表 的 操作 包括 下 面 7 个 : 

@@ ”注册 新 用 户 时 插入 新 记录 ; 

注册 前 ， 检 验 用 户 名 是 否 已 经 ; 
登录 时 ， 根 据 用 户 名 获取 用 户 ID; 
日 户 登录 操作 ; 

目 户 发 帖 时 ， 更 新 “发 表 主题 数 ”; 
目 户 回帖 时 ， 更 新 “回帖 总 数 ”; 
登录 成 功 后 ， 更 新 “最 后 登录 时 间 ”。 
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相应 的 代码 如 下 : 


public bool RegisterUser(User user) 
{ 
string sqlString = "insert into 


[User](UserName,password. Email. Age.Sex,RegTime.Question. Answer.QQ.LastLoginTime) values (" 


+ User.UserName + "," + user.Password + "," +user.Email 
+","+user.Aget","+user.Sex+","+user.RegTime+","+user.Question 
+","+User.Answer+"™."+user.QQ+","+user.LastLoginTime+")"; 
DB db = new DBO: 
int result = db.ExecuteSQLNonQuery(sqlString): 
if(result<1) 
Tetum false; 
TIetum true; 
} 
// 通 过 用 户 名 ， 获 得 用 户 人 D 
public string getLoginUserID(string userName) 
i 
string sqlString = "select userid from [User] where userName=" + userName + ""; 
DB db =new DBO: 
DataRow dr = db.GetDataRow(sqlString): 
if (dri=null) 
{ 
Tetum dr["userid"].ToStringO: 


/验证 用 户 是 否 存在 
public bool checkNameByUsed(string userName) 
string sqlString = "select * from [user] where usemame=" + userName + "": 
DB db =new DBO: 
int result = db.GetDataTable(sqlString). Rows.Count: 
if(result> 0) 
Tetum true; 
else 
Tetum false: 


一 


a, 
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} 
/登录 
public bool Login(int uid,string pwd) 
string sqlStr="select password from [User] where userid="+ uidToStringO: 
DB db =new DBO: 
DataRow dr = db.GetDataRow(sqlSt); 
if(dr{"password"].ToString0—pwd) 
! 
UpdateLastLoginTime(uid);// 更 新 最 后 登录 时 间 





Tetum true; 
} 
else 
{ 
Tetum false; 
b 
} 
// 更 新 用 户 发 帖子 数 
public int UpdateTitleCount(int uid) 
ss 4 
昌 string sqlStr = "update [User] set TitleCount=TitleCount+1" +"where UserID=" + uid.ToStringO; 
训 DB db=newDB 0: 
号 Tetum db ExecuteSQLNonQuery(sqlStD: 
系 } 
wl // 葛 新 用 户 回帖 表 
public int UpdateReplyCount(int uid) 


{ 
string sqlStr = "update [User] set ReplyCount= ReplyCount+1” +"where UserID="+ uid.ToStringO: 
DB db = new DBO: 
Tetum db.ExecuteSQLNonQuery(sqlStr): 

} 

// 更 新 最 后 登录 时 间 

public int UpdateLastLoginTime(int uid) 

{ 
string sqlStr = "update [User] set LastLoginTime= GETDATEO where UserID=" + uidToString0: 
DB db =new DBO: 
Tetum db.ExecuteSQLNonQuery(sqlStr): 
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( 1 )2.3 ”添加 母 版 页 


为 了 使 网 站 的 所 有 页 面 都 具有 相同 的 布局 风格 和 外 观 , 需要 添加 母 版 页 , 然后 基于 该 母 版 页 
创建 其 他 页 面 。 

新 建 母 版 页 ， 名 称 为 MasterPage master。 在 母 版 页 中 有 两 个 ContentPlaceHolder 控件 ， 一 个 
位 于 <head> 标 记 中 ， 一 个 位 于 <form> 中 。 然 后 删除 <head> 标 记 中 的 <tile> 标 记 ， 这 样 ， 在 内 容 页 
中 可 以 设置 每 个 内 容 页 的 标题 信息 。 

1. 页 面 设计 


整个 网 站 的 布局 设置 为 头 部 \、 中 间 内 容 区 域 和 页 尾部 分 。 母 版 页 中 需要 设计 的 是 头 部 和 尾部 。 
首先 ， 添 加 一 个 <table>， 通 过 两 个 图 片 来 显示 网 站 的 标志 logo， 代 码 如 下 : 


<table width="10096" border="0" cellspacing="0" cellpadding="0" > 
<t> 
<td width="600"><img ste="Images/f01.gif" width="600" height="110" /></td> 
<td width="90%" style="background-image:url(Images/f02.gif)"></td> 
</> 
</table> 





接 下 来 添加 两 个 Panel 控件 ， 分 别 用 于 显示 未 登录 用 户 的 快速 登录 和 登录 用 户 的 欢迎 信息 。 
这 两 个 Panel 控件 在 同一 时 刻 将 只 有 一 个 可 见 ， 代 码 如 下 : 


<asp:Panel ID="Panell" runat="server" Height="$Opx" Width="100%"> 
<table width="100%" style="background-color:-#f0f0f0;" border="0" cellpadding="0" cellspacine="0"> 
<tu> 
<td style="height: 37px:; font-weight: bolder: color: #800080;" align="left"> 
<div><a hre 伍 "Default.aspx"> 返 回首 页 </a></div> 
<td> 
<td align="right" width="80%" style="height: 25px"> 
<div> 
<asp:Label ID="lblInfo" rnat="server" Text=" 用 户 名 " Width="122px"></asp:Label> 
<asp:TextBox ID="txtName" minat-"server' Width="80px" ></asp:TextBox>&nbsp: 
<asp:Label ID="Labell" rnat="server" Text=" 密 码 " Width="42px"></asp:Label> 
<asp:TextBox ID="txtPwd" runat="server" Width="80px" 
TextMode="Password"></asp:TextBox>&nbsp: 
<asp:Button ID="btnLogin" runat="server" Text=" 登 录 " Width="80px" 
OnClick="btnLogin Click" />&nbsp: 
<a href="Register.aspx"> 注 册 </a></div> 
<t> 
</I> 


章 
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</table> 
</asp:Panel> 
<asp:Panel ID="Panel?2" runat="server" Height="$0px" Width="100%"> 
<table width="100%" style="background-color-#f5f5f5:" border="0" cellpadding="0" cellspacing="0"> 
<t> 
<td style="height: 37px; font-weight: bolder color: #800080:" align="left"> 
<div><a href="Default.aspx"> 返 回首 页 </a></div> 
<t> 
<td align="right"><%=Session["UserName"] %> 欢迎 您 的 光临 <td> 
<t> 
</table> 
</asp:Panel> 


在 </form> 结 束 标 记 的 上 方 ， 添 加 页 尾部 分 ， 代 码 如 下 : 


<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#f0f0f0:;"> 
<t> 
<td align="center" width="0%"> 版 权 所 有 (C) 小 石头 网 站 </td> 


在 母 版 页 的 后 台 代码 中 需要 实现 如 下 功能 : 加 载 页 面 根据 用 户 当前 是 否 登 录 显 示 或 隐藏 相应 
的 Panel 控件 ， 实 现 用 户 的 快速 登录 功能 。 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
《 
站 (Session["UserName"]j=—null)// 如 果 用 户 没有 登录 
{ 
// 显 示 Panell， 隐 藏 Panel2 
Panell.Visible = true: 
Panel2.Visible = false: 


else 
/登录 成 功 隐藏 Panell， 显 示 Panel2 


Panell.Visible = false: 
Panel2.Visible = true: 


AR 
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protected void binLogin Click(object sender. EventArgs e) 
{ 
User user = new User(): 
MD5CryptoServiceProvider MD5CSP = new MD5CryptoServiceProvider0;//MD5 加 密 
byte[] MDSSource = System Text.Encoding.UTFS8.GetBytes(txtPwd.Text); 
byte[] MDSOut =MDSCSP.ComputeHash(MDSSource); 
User Password = Convert.ToBase64Strine(MDSOut): 
String strUid = user.getLoginUserID(txtName. Text. TrimO); 
f(strUid!=nulD) 
{ 
if (user.Login(Convert.ToInt32(strUid), user.Password)) 
上 
/设置 Session; 
Session["UserName"] = txtName. Text: 
Session["UserID"]= strUid; 
Panel2.Visible = true; 
了 Panell.Visible = false: 


过 










基 

Response.Redirect(Request.Path+"?"+Request.QueryString); 

} 实 
else 训 
1 村 
Page.ClientScript RegisterClientScriptBlock(this.GetTypeO, "waming "alert(" 密 码 错 误 , 系 





登录 失败 ! \");", true); 


总 


else 


Page.ClientScript RegisterClientScriptBlock(this.GetTypeO, "waming", "alert(\" 用 户 名 不 存在 ! 
\);", true); 
} 
} 


至 此 ， 完 成 母 版 页 的 设计 ， 后 面 创建 的 所 有 页 面 都 基于 此 母 版 页 。 


(D2.4 默认 主页 


网 站 的 默认 主页 为 Defaultaspx， 在 该 页 面 中 将 显示 论坛 的 所 有 版 块 列表 。 
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1. 页 面 设计 
在 ContentPlaceHolderID="head" 的 Content 控件 中 ， 添 加 <title> 标 记 ， 代 码 如 下 : 


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
<title> 论 坛 首页 </title> 
</asp:Content> 


在 内 容 区 域 中 添加 一 个 GridView 控件 ， 并 为 控件 配置 数据 源 SqlDataSource， 数 据 源 对 应 的 
Select 语句 为 查询 Section 表 中 的 所 有 字段 。 在 编辑 列 的 时 候 ， 需 要 特殊 修改 一 下 SectionName 
列 ， 因 为 该 列 应 该 显示 为 超 链 接 ， 单 击 “版 块 名 称 ” 将 跳 转 到 该 版 块 的 主题 列表 页 ， 最 终 的 代码 
如 下 : 


<asp:GridView ID="GridViewl" runat="server" AutoGenerateColumns="False" 
DataSourceID="SqlDataSourcel" Width="100%" BorderColor="#AOCFFF" 
DataKeyNames="sectionid"> 
<Columns> 
<asp:TemplateField HeaderText=" 版 块 名 称 " SortExpression="SectionName"> 
<ItemTemplate> 
<a href="TopicList.aspx?SectionID=<%# Eval("SectionID")%>&SectionName=<%# 
Eval("sectionname")%>"><asp:Label ID="Labell" runat="server" Text="<%# Bind("SectionName") 
%>'></asp:Label></a> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:BoundField HeaderText=" 主 题 数 " DataField="topiccount" 
SortExpression="topiccount"> 
</asp:BoundField> 
<asp:BoundField DataField="titlecount" HeaderText=" 发 帖 总 数 " 
SortExpression="titlecount" /> 
<asp:BoundField DataField="sectionmanager" HeaderText=" 版 主 " 
SortExpression="sectionmanager" /> 
<asp:BoundField DataField="daycount" HeaderText=" 当 日 发 帖 数 " 
SortExpression="daycount" /> 
</Columns> 
</asp:GridView> 
<div> 
<asp:SqlDataSource ID="SqlDataSourcel" mnat="server" 
ConnectionString="<%$ ConnectionStrings:bbsdbConnectionString %>" 
SelectCommand="SELECT * FROM [section]"></asp:SqlDataSource> 


Y 
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(DN2.5 注册 页 面 


注册 页 面 Register.aspx 比较 简单 ， 只 需 提供 用 户 注册 所 需 的 表单 即 可 。 
1. 页 面 设计 
在 ContentPlaceHolderID="head" 的 Content 控件 中 ， 添 加 <title> 标 记 ， 代 码 如 下 : 


<asp:Content ID="Content2" ContentPlaceHolderID= "head" Runat="Server"> 
<title> 注 册 新 用 户 </title> 
</asp:Content> 


在 内 容 区 域 中 首先 添加 一 个 <table> 显 示 注 册 协 议 ， 在 协议 下 方 添加 两 个 RadioButton 控件 ， 
相应 的 代码 如 下 : 


<table id="tablel" width="100%" border="1" bordercolor="#AOCFFF" cellspacing="0" style="font-size:12px:"> 
<t> 
<td style="background-color:#3FAOFF"> 注 册 协 议 </td> 
<t> 
<t> 
<td> 
<div style="backeground-color-#f5f5f5:"> 
协议 内 容 部 分 省 略 。。。。 
</div> 
<itd> 
</t> 
<t> 
<td align="center"> 
<asp:RadioButton ID="radYes" runat="server" Text=" 同 意 " GroupName="Checked" 
/>&nbsp:<asp:RadioButton ID="radNo" 
runat="server" Text=" 不 同意 " GroupName="Checked" /></td> 
</> 
</table> 


接 下 来 是 注册 表单 部 分 , 根据 用 户 表 中 所 需 字段 信息 添加 相应 的 控件 , 并 对 必 填 项 添加 验证 
控件 ， 相 应 的 代码 如 下 : 


<table border="1" cellspacing="0" style="width: 100%: font-size:12px:" bordercolor="#AOCFFF"> 
<t> 
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<td colspan= "2" style="backeround-color:#3FAOFF:"> 
注册 信息 </td> 
</> 
<t> 
<td style="width: 20%"> 用 户 名 : </td> 
<td style="width: 80%:backeground-color-#f5f5f5: height: 29px:"> 
<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfyUserName" runat="server" 
ControlToValidate="txtUserName" 
ErrorMessage" 必 填 "></asp:RequiredFieldValidator> 
<asp:Button ID="bnCheck" runat="server" Text=" 检 测 用 户 名 " Width="130px" 
OnClick="bmCheck Click' CausesValidation="False" /> 
<asp:Label ID="IblInfo" runat="server" ForeColor="Red"></asp:Label></td> 


<t> 


瘟 > 


<td style="width: 20%"> 密 码 ，</td> 
<td style="width: 80%"> 
<asp:TextBox ID="txtPwd" rnat="server" TextMode="Password"></asp:TextBox> 





基 <asp:RequiredFieldValidator ID="rfyvPwd" runat="server" ControlToValidate="txtPwd" 
础 ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 

与 </tr> 

实 

训 < 

号 <td style="width: 20%6: 必 密码 确认 : </td> 

系 <td style="width:80%:;background-color-#f5fSf5; height 28px:"> 

列 <asp:TextBox ID="txtPwd2" runat="server" TextMode="Password"></asp:TextBox> 


<asp:RequiredFieldValidator ID='"rfvPwd2" runat="server" ControlToValidate="txtPwd2" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</t> 
<t> 
<td style="width: 20%: height 19px:"> 提 示 问 题 ，</td> 
<td style="width: 80%; height: 19px:"> 
<asp:TextBox ID="txtQuestion" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvQuestion" runat="server" ControlToValidate="txtQuestion" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</I> 
<t> 
<td style="width: 20%: height: 19px:"> 答 案 : </td> 
<td style="width: 80%; height: 19px:"> 
<asp:TextBox ID="txtAnswer" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvAnswer" runat="server" ControlToValidate="txtAnswer" 
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ErrorMessage" 必 填 "></asp:RequiredFieldValidator></td> 


a, 
SS 


< 
<t> 
<td style="width: 20%"> 性 别 。</td> 
<td style="width: 80%%"> 
<asp:RadioButtonList ID="radSex" runat="server" RepeatDirection="Horizontal"> 
<asp:ListItem Selected="True"> 男 </asp:ListItem> 
<asp:ListItem> 女 </asp:ListItem> 
</asp:RadioButtonList></td> 
<t> 
<t> 
<td style="width: 20%;"> 年 龄 ，</td> 
<td style="width: 80%;"> 
<asp:TextBox ID="txtAge" rmnat="server"></asp:TextBox></td> 
<> 
<t> 


KC 


<td style="width: 20%">Email: </td> 
<td style="width: 80%"> 
<asp:TextBox ID="txtEmail" mnat="server"></asp:TextBox></td> 






</t> 
<t> 
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<td style="width: 20%;">QQ: </td> 
<td style="width: 80%:"> 
<asp:TextBox ID="txtQQ" runat="server"></asp: TextBox></td> 


蒜 尖 兰 


济 


</t> 
<tr align="center"> 
<td style="height: 23px:" colspan="2"> 
<asp:Button ID="btnRegister" munat="server" Text=" 注 册 " Width="90px" 
OnClick="btnRegister Click” /></td> 
</t> 
</table> 





4 


2. 后 台 代码 
添加 “检测 用 户 名 ”和 “注册 ”按钮 的 事件 处 理 程序 ， 代 码 如 下 : 


Protected void btnRegister_ Click(object sender. EventArgs e) 
if(!radYes.Checked) 
{ 
Page.ClientScript. RegisterClientScriptBlock(this.GetType0. "waming". "alert(\" 请 先 阅 读 并 同意 注册 
协议 !\W):", tme): 
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bh 
User user = new UserO: 
bool result = user.checkNameByUsed(txtUserName. Text. TrimO): 
f(result) 
‘ 

lblInfo.Text= "对 不 起 ! ， 该 用 户 已 存在 ! ": 

Tetum:; 
} 
User.UserName = txtUserName. Text. Trim(): 
MDSCryptoServiceProvider MD5CSP = new MD5CryptoServiceProvider0;//MDS 加 密 
byte[] MD5Source = System.TextEncoding.UTF8.GetBytes(txtPwd.Texb: 
byte[] MD5Out=MD5CSP.ComputeHash(MD5Source): 
User.Password = Convert.ToBase64String(MD5Out); 
User.Question = txtQuestion. Text; 
User.Answer = txtAnswer. Text; 
user.RegTime = System.DateTime Now: 
User.Sex =radSex.SelectedValue; 
user.TitleCount = 0; 
user.LastLoginTime = System.DateTime Now: 
User.Age =txtAge.Text; 
user.Email = txtEmail.Text:; 
User.QQ = txtQQ. Text: 
bool res = User.RegisterUser(useD: 
iflres) 
{ 
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Session["UserName"] = txtUserName. Text: 
Response.Redirect("Default.aspx"): 


} 
protected void btnCheck_Click(object sender, EventArgs €) 
{ 
if (txtUserName.Text—"") 
{ 
lblInfo.Text=" 请 输入 用 户 名 !"; 
txtUserName.FocusO: 
Tetum:; 
} 
User user= new UserO: 
bool result = user.checkNameByUsed(txtUserName. Text.TrimO): 
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f(result) 
{ 

lblInfo.Text=" 对 不 起 ! 该 用 户 已 存在 ! ": 
} 
else 

lblInfo.Text=" 茶 喜 您 ! 用 户 名 可 以 使 用 "; 
} 


(1N2.6 主题 列表 页 


主题 列表 页 ToplicList.aspx 将 根据 请 求 参数 显示 指定 版 块 中 的 所 以 主题 。 参 数 以 Get 方法 传 
入 ， 即 在 默认 页 面 显示 的 版 块 列表 中 修改 的 超 链接 部 分 。 
1. 页 面 设计 


在 ContentPlaceHolderID="head" 的 Content 控件 中 ， 添 加 <title> 标 记 ， 值 为 版 块 名 称 ， 代 码 
如 下 : 


<asp:Content ID="Contentl" ContentPlaceHolderID="head" Runat="Server"> 
<title><% =Request.QueryString["SectionName"] %></title> 
</asp:Content> 


内 容 区 域 中 的 核心 是 一 个 GridView 控件 , 用 于 显示 指定 版 块 的 主题 信息 , 添加 GridView 控 
件 并 配置 好 数据 源 后 ， 修 改 “ 主 题 ” 列 为 超 链接 ， 并 在 GridView 控件 上 方 添加 “发 新 帖 ” 的 超 
链接 ， 完 整 的 代码 如 下 : 
<table style="width: 100%"> 
<t> 
<td style= "width: 400px: background-color:#AOCFFF: color:#0000FF: font-weight: bold:"> 
论坛 ->><% =Request.QueryString["SectionName"] %></td> 
</I> 
<t> 
<td align="right"><a hre 人 "NewTopic aspx?SectionID=<9%6 =Request.QueryString["SectionID"]. ToString0) 
9%6>&SectionName=<9%6=RequestQueryString["SectionName"] ToString0) 9%6>"> 发 新 帖 <a></td> 
</> 
<t> 
<td style= "width: 10096: height 504px:" valign="top"> 
<asp:GridViewID="gvTitles" runat="server" AllowPagine="True”" 
AutoGenerateColumns="False" Width="100%" DataKeyNames="topicid" 
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DataSourceID="SqlDataSourcel"> 
<Columns> 
<asp:TemplateField HeaderText=" 主 题 " SortExpression="title"> 
<ItemTemplate> 
<a href="TopicInfo.aspx?TopicID=<04# Eval("topicid")%>&Title=<04# 
Eval("title")%>"><asp:Label ID="Labell" runat="server" Text="<%# Bind("title") %>'></asp:Label></a> 
</TtemTemplate> 
</asp:TemplateField> 
<asp:BoundField HeaderText=" 作 者 " DataField="username" SortExpression="userid"> 
</asp:BoundField> 
<asp:BoundField HeaderText=" 发 帖 时 间 " DataField="createtime" 
SortExpression="createtime" > 
</asp:BoundField> 
<asp:TemplateField HeaderText=" 回 复 " SortExpression="replycount"> 
<ItemTemplate> 
<asp:Label ID="Label2" runat="server" Text="<%# 
Eval("replycount")%>'></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText=" 浏 览 " SortExpression="lookcount"> 
<ItemTemplate> 
<asp:Label ID="Label3" runat="server" Text='<%# 
Eval("lookcount")%>'></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="lastreplytime" HeaderText=" 最 后 回复 时 间 " 
SortExpression="lastreplytime" /> 
</Columns> 
</asp:GridView> 
<asp:SqlDataSource ID="SqlDataSourcel" runat="server" 
ConnectionString="<%$ ConnectionStrings:bbsdbConnectionString %>" 
SelectCommand="SELECT topicid.title.createtime,.topic.replycount,lastreplytime.lookcount, 
[user].usemame FROM topic INNER JOIN [user] ON topic.userid = [user].userid WHERE 
(topic.sectionid = @sectionid)"> 
<SelectParameters> 
<asp:QueryStringParameter Name="sectionid" QueryStringField="SectionID" 
Type="Int32" > 
</SelectParameters> 
</asp:SqlDataSource> 
<td> 
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< 
</table> 


2. 后 台 代码 


由 于 该 页 面 必须 指定 版 块 ， 所 以 在 加 载 时 需要 判断 是 否 以 Get 形式 传 入 了 参数 。 相 应 的 代码 
如 下 : 
protected void Page Load(object sender. EventArgs e) 
if (Request.QueryString["SectionID"] — null) 
Response.Redirect("Default.aspx"): 
Session["SectionName"] = Request.QueryString["SectionName"]: 


(N27 发 新 帖 页 面 音 


发 新 帖 页 面 NewToplic.aspx 也 比较 简单 , 只 需 提供 发 帖 的 主题 和 内 容 即 可 。 和 主题 列表 页 面 










类 似 ， 这 个 页 面 也 需要 传 入 参数 “版 块 ”， 传 入 方式 也 是 使 用 Get0 方 法 。 苦 
1. 页 面 设计 受 
在 ContentPlaceHolderID="head" 的 Content 控件 中 ， 添 加 <title> 标 记 ， 代 码 如 下 : 才 
<asp:Content ID="Contentl" ContentPlaceHolderID="head" Runat="Server"> 要 


4 





<title> 发 新 帖 </title> 
</asp:Content> 


内 容 区 域 包含 一 个 <table>， 其 中 有 两 个 TextBox 控件 和 一 个 Button 控件 ， 代 码 如 下 : 


<table style="width: 100%; font-size:12px" cellspacing="0" border="1" bordercolor="#AOCFFF" > 

<tr height="20" bgcolor="#3FAOFF"> 

<td colspan="2"> 发 表 新 话题 ，</td> 
</t> 
<t> 

<td width="209%6"> 标 题 : </td> 

<td width="80%"> 

<asp:TextBox ID="txtTitle" runat="server" Width="385px"></asp:TextBox></td> 

</> 
<t> 

<td width="20%" valign="top"> 内 容 : </td> 

<td width="80%" align="center"> 
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<asp:TextBox ID="txtContent" ninat "serVer" Rows="20" TextMode="MultiLine" 
Width="98%"></asp: TextBox></td> 
<t> 
<t> 
<td colspan="2" align="center"> 
<asp:Button ID="binSubmit" runat="server" Text=" 提 交 " Width="95px” 
OnClick="binSubmit_Click" /></td> 
< 
</table> 


2. 后 台 代码 
后 台 代码 部 分 如 下 : 
Pprotected void Page_ Load(object sender. EventArgs e) 


Response.Redirect("Defaultaspx"): 
Session["SectionID"] = Request.QueryString["SectionID"]: 
Session["SectionName"] = Request.QueryString["SectionName"]: 
if (Session["UserID"] — null) 
8 
Page.ClientScript. RegisterClientScriptBlock(this.GetTypeO, "waming", "alert(\" 登 录 时 间 过 久 , 需要 重 
新 登录 ! \"):", true); 
bmsubmit Enabled=false: 


} 

protected void btnSubmit Click(object sender, EventArgs e) 
Topic topic = new TopicO: 
topic.SectionID = Convert.ToInt32(Session["SectionID"].ToStringO): 
topic.UserID = Convert.ToInt32(Session["UserID"]): 
topic.LookCount = 1: 
topic.Contentinfo = txtContent. Text: 
topic.CreateTime = System. DateTime.Now: 
topic.ReplyCount = 0: 
topic.Title = txtTitle. Text.TrimO: 
topic.LastReplyTime = System.DateTime.Now: 
if (topic.InsertTopic(topic)) 
1 


User user = new UserO: 


%>'></asp:Label><br > 


es 
SN 
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user.UpdateTitleCount(Convert.ToInt32(Session["UserID"D)): 

Section section = new Section0: 
section.UpdateSectionTopicCount(Convert.ToInt32(Session["SectionID"])): 

Response Redirect("TopicList.aspx?SectionID=" + Session["SectionID"] + "&SectionName=" + 


Session["SectionName'"]): 


else 
Page.ClientScriptRegisterClientScriptBlock(this.GetType0,"waming",ralertv" 发 贴 失败 ! \"):", true); 
Response.Redirect(Request.Path + "?" + Request.QueryString): 


2.8 ”浏览 主题 页 面 二 


浏览 主题 页 面 ToplicInfo aspx 中 , 包括 原 帖 内 容 和 所 有 的 回帖 内 容 , 同时 提供 快速 回帖 功能 。 
1. 页 面 设计 
在 ContentPlaceHolderID="head" 的 Content 控件 中 ， 添 加 <title> 标 记 ， 值 为 主题 ， 代 码 如 下 : 


<asp:Content ID="Contentl" ContentPlaceHolderID="head" Runat="Server"> 
<title><% =Request.QueryString{"Title"] %></title> 
</asp:Content> 


内 容 区 域 中 包括 原 帖 内 容 、 回 帖 内 容 和 快速 回复 区 域 。 完 整 的 代码 如 下 : 
<table border="1" cellspacine="0" style="width: 100%:" bordercolor="#AOCFFF" > 
<tu> 
<td style="height:30px: background-color: #3FAOFF" colspan="2"> 主 帖 </td> 
</t> 
<t> 
<td style="width:100%"> 
<asp:GridView ID="GridViewl" rmnat="server" DataSourceID="SqlDataSourcel" 
AutoGenerateColumns="False" Width="100%"> 
<Columns> 
<asp:TemplateField HeaderText=" 作 者 " SortExpression="usemame" ItemStyle-Width="20%"> 
<ItemTemplate> 
<asp:Label ID="Labell" rnat="server" Text="<%# Bind("usemame'") 


<aspLabel ID="Label2" mmat="server" Text—<%# Bind("qq") %>'></asp:Label><br > 
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<asp:Label ID="Label3" rmat—"server" Text=<%# Bind("email") 9%o>></asp:LabeP><br 亡 
<asp:Label ID="Label4" runat="server" Text=—"<%# Bind("titlecount") 


%>'></asp:Label><br /> 
<asp:Label ID="Label5" runat="server" Text="<%# Bind("replycount") 
%>'></asp:Label><br /> 
<asp:Label ID="Label6" runat="server" Text="<%# Bind("lastlogintime") 
%>'></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 


<asp:BoundField HeaderText=" 内 容 " DataField="contentinfo" SortExpression="contentinfo" 
TtemStyle-Width="80%"> 
</asp:BoundField> 
</Columns> 
</asp:GridView> 
一 <asp:SqlDataSource ID="SqlDataSourcel" runat="server" 
ConnectionString="<%$ ConnectionStrings:bbsdbConnectionString %>" 
SelectCommand="SELECT contentinfo, 
"姓名 : "+usermame as usermame. 
"QQ:+qqas qq, 
Email+email as email, 
' 发 主 帖 数 :'+convert(varchar(32),titlecounb as titlecount, 
' 回 帖 数 : '+convert(varchar(32),[user] replycounb as replycount, 
' 最 后 登录 时 间 : '+convert(varchar(32)Jastlogintime) as lastlogintime 
FROM topic INNER JOIN [user] ON topic.userid = [user].userid WHERE 
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(topic.topicid = (@topicid)"> 
<SelectParameters> 
<asp:QueryStringParameter Name="topicid" QueryStringField="TopicID" 
Type="Int32" > 
</SelectParameters> 
</asp:SqlDataSource> 
<td> 
</> 
</table> 
<!-- 回 帖 表 --> 
<table style="width: 100%" border="0" cellspacine="0" cellpaddine="0"> 
<t> 
<td style="height:30px: background-color: #3FAOFF" colspan="2"> 回 帖 </td> 
</t> 
<t> 
<td style="width:100%"> 
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<asp:GridView ID="GridView2" runat="server" DataSourceID="SqlDataSource2" 
AutoGenerateColumns="False" Width="100%"> 
<Columns> 
<asp:TemplateField HeaderText=" 作 者 " SortExpression= "usemamen" 
TtemStyle-Width="20%"> 
<TtemTemplate> 
<asp:Label ID="Labell" runat="server" Text='<%# Bind("usemame") 
%>'></asp:Label><br /> 
<asp:Label ID="Label2" runat="server" Text='<%# Bind("qq") 
%>'></asp:Label><br /> 
<asp:Label ID="Label3" runat="server" Text="<%# Bind("email") 
%>'></asp:Label><br /> 
<asp:Label ID="Label4" runat="server" Text="<%# Bind("titlecount") 
%>'></asp:Label><br /> 
<asp:Label ID="Label$" runat="server" Text='<%# Bind("replycount") 
%>'></asp:Label><br /> 
<asp:Label ID="Label6" runat="server" Text='<%# Bind("lastlogintime") 
%>'></asp:Label> 
</ItemTemplate> 
</asp: TemplateField> 
<asp:BoundField HeaderText=" 回 帖 内 容 " DataField="replycontent" 
SortExpression="replycontent" ItemStyle-Width="80%"> 
</asp:BoundField> 
</Columns> 
</asp:GridView> 
<asp:SqlDataSource ID="SqlDataSource2" runat="server" 
ConnectionString="<%$ ConnectionStrings:bbsdbConnectionString %>" 
SelectCommand="SELECT replycontent， 
"姓名 : "+usemame as usermame, 
'QQ:+qq as qq 
Email:+email as email, 
"发 主 帖 数 : '+convert(varchar(32).titlecounb as titlecount 
"回帖 数 : '+convert(varchar(32).[user] .replycount) as replycount, 
' 最 后 登录 时 间 : "+convert(varchar(32).lastlogintime) as lastlogintime 
FROM [reply],luser] WHERE [reply] userid=[userl userid and topicid = 
(SELECT topicid from [Topic] where ([topicid] = @topicid))"> 
<SelectParameters> 
<asp:QueryStringParameter Name="topicid" QueryStringField="TopicID" 
Type="Int32" 放 > 
</SelectParameters> 
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</asp:SqlDataSource> 
<ltd> 
</tr> 
</table> 
<table border="1" cellpadding="0" cellspacing="0" style="width: 10096:" bordercolor="#AOCFFF"> 
<t> 
<td style= height:30px: background-color: #3FAOFF" colspan= "2"> 
快速 回复 </td> 
<t> 
<t> 
<td style="width: 20%; height:100px"> 
<itd> 
<td style="width: 80%;" align="center"> 
<asp:TextBox ID="txtReply" runat="server" Rows="10" TextMode="MultiLine" 
Width="90%"></asp:TextBox><br /> 
<asp:Button ID="btnReply" runat="server" Text=" 回 复 " Width="90px" 
OnClick="btnReply_Click" /></td> 
</> 
</table> 


2. 后 台 代码 


在 页 面 的 Load 事件 处 理 程序 中 更 新 原 帖 的 浏览 次 数 ， 同 时 根据 用 户 是 否 登 录 决 定 是 否 激活 
“回复 ”按钮 。 单 击 “ 回 复 ”按钮 后 ， 将 把 回帖 内 容 插 入 到 回帖 表 ， 同 时 更 新 版 块 表 和 主题 表 中 
相应 的 回帖 数 。 完 整 的 代码 如 下 : 


protected void Page_ Load(object sender. EventArgs e) 
{ 
if(Request.QueryString["Title"}=—=nul) 
Response.Redirect("Default.aspx"): 
Session["Title"] = Request.QueryString["Title"]: 
int topicID = Convert. ToInt32(Request.QueryString["TopicID"].ToStringO): 
Session["TopicID"] = Request.QueryString["TopicID"]: 
Topic t= new TopicO: 
t.UpdateLookCount(topicID): 
if(Session["UserID"] — null) 
btnReply.Enabled = false: 
} 
Pprotected void btnReply_Click(object sender. EventArgs e) 
名 
/定义 回复 帖子 类 


~ 
第 11 章 项 目 与 实践 篇 


ReplyClass reply = new ReplyClassO: 
reply.TopicID = System.ConvertToInt32(Session["TopicID"]): 
reply.UserID = System.ConvertToInt32(Session["UserID"]): 
reply.ReplyContent = txtReply Text 
Ieply.ReplyTime = System .DateTime Now: 
if (reply.InsertReply(reply) > 0) 
{ 
// 回 帖 成 功 更 新 用 户 发 帖 表 里 的 发 帖 ， 回 帖 数 
User user = new User(); 
user.UpdateReplyCount(Convert. ToInt32(Session["UserID"].ToStringO)): 
// 回 帖 成 功 更 新 发 帖 表 数据 
Topic topic = new TopicO: 
topic.UpdateTopic(Convert.ToInt32(Session["TopicID"].ToStringO)): 
// 回 帖 成 功 更 新 版 块 表 数 据 
Section sec = new Section0: 
sec.UpdateSectionTitleCount(Convert. ToInt32(Session["SectionID"].ToStringO)): 
Response.Redirect(Request.Path + "?" + RequesLQueryString): 
} 
else 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO, "waming", "alert(\" 回 帖 失败 1 \");", true); 
} 


至 此 ， 已 完成 所 有 的 页 面 设计 ， 接 下 来 将 测试 网 站 ， 查 看 网 站 运行 效果 。 


@; 网 站 运行 效果 


在 运行 网 站 之 前 需要 首先 在 Section 表 中 添加 版 块 信息 。 可 以 根据 不 同 的 讨论 内 容 设 置 若干 
版 块 ， 编 译 并 运行 程序 ， 测 试 网 站 的 功能 。 默 认 页 面 的 效果 如 图 11-3 所 示 。 如 果 还 没 注册 成 为 
会 员 ， 则 可 以 单 击 【 注 册 】 链 接 进入 注册 页 面 ， 如 图 11-4 所 示 。 











图 11-3 论坛 首页 11-4 注册 页 面 
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单 击 某 个 版 块 ， 可 以 查看 该 版 块 内 的 所 以 主题 ， 如 图 11-5 所 示 。 单 击 右上 角 的 【发 新 帖 】 
链接 ， 可 以 在 该 版 块 发 表 新 的 主题 ， 如 图 11-6 所 示 。 













图 11-5 主题 列表 页 图 11-6 注册 页 面 


单 击 主题 可 浏览 该 主题 ， 如 图 11-7 所 示 ， 页 面 底部 是 快速 回帖 功能 ， 如 图 11-8 所 示 。 
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